Usinf App.js Framework и пытается использовать PhotoViewer, но App.load конфликтует - PullRequest
Новая
       45

Usinf App.js Framework и пытается использовать PhotoViewer, но App.load конфликтует

0 голосов
/ 17 декабря 2018

Здравствуйте, просмотрите приведенный ниже код. Я использую каркас App.js для создания мобильного веб-приложения и хочу показать программу просмотра фотографий, когда пользователь нажимает на какую-то кнопку.но я не могу этого сделать, дело в том, что событие App.load может быть конфликтующим, потому что я использую его дважды, один для «зрителя» и один для «дома», скажите, пожалуйста, что я могу сделать со зрителем, чтобы сделать егозагрузить по нажатию кнопки, помните, что это фреймворк, использующий zepto (https://zeptojs.com/). и код такой ... `

    App.controller('home', function (page) {
    // put stuff here
  });

  App.controller('page2', function (page) {
    // put stuff here
  });
    App.controller('page3', function (page) {
    // put stuff here
  });

    App.controller('page4', function (page) {
    // put stuff here
  });

    // in your js
    App.controller('viewer', function (page, data) {
        var photoViewer = new PhotoViewer(page, data.urls);
   });        
    // to use the viewer
    App.load('viewer', {
      urls: [
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg'
      ]
    });
         try {
            App.restore(); 
          } catch (err) {
            App.load('home');
          }        
</script>`

1 Ответ

0 голосов
/ 17 января 2019

Вы используете демонстрационный пример, который ссылается на аргумент «страница» как «зритель».Однако, согласно вашему коду, вы решили назвать эту страницу «домашней» (альтернативно стр. 2, стр. 3, стр. 4).Если вы хотите, чтобы PhotoViewer запускался на вашей странице, просто замените «viewer» в App.controller() и App.load() на имя «page», например «home», например: 

App.controller('home', function (page, data) {
        var photoViewer = new PhotoViewer(page, data.urls); 
}); 

App.load('home', {
      urls: [
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg',
        'images/exercise1pg2.jpg',
        'images/exercise1pg1.jpg'
      ]
    });
...