Ничего не видно после ошибки в исполнении Jankuri ng-gallery

Итак, я сослался на эту ссылку http://demo.jankuri.com/ngGallery/, чтобы сделать галерею изображений.Ничего не видно после ошибки в исполнении Jankuri ng-gallery

Я сделал все, как указано, но ничего не отображается, поскольку изображения не отображаются.

Вот мой контроллер

var check123 = function() { 

    for (var i = 0; i < z; i++) { 
     var a = {thumb: '../images/offers/'+'123456789/thumbnails/' + objectidphoto[i], img: '../images/offers/'+'123456789/' + objectidphoto[i]}; 
     arr.push(a); 
    } 
    console.log(arr); 
    console.log(arr[0]); 

}

Это не мой полный контроллер только значительная часть.

Это мой передний конец код

<body ng-app="fileUpload" ng-controller="MyCtrl"> 
<div> 
    <div class="content"> 
     <ng-gallery images="MyCtrl.arr"></ng-gallery> 
    </div> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script> 
<script src="controller14.js"></script> 
<script src="ng-infinite-scroll.js"></script> 
<script src="ng-infinite-scroll.min.js"></script> 
<script type="text/javascript" src="src/js/ngGallery.js"></script> 

</body>

Угловой код выполняется без ошибок, и я получаю надлежащий ответ в ответ на этот console.log (обры).

Что я делаю неправильно?

Обновлено Сегмент

Контроллер

var app = angular.module('fileUpload', ['jkuri.gallery']). 
    controller('MyCtrl', function($scope, $document) 
    { 
     var self = this; 
     self.images = [ 
      {thumb: 'images/offers/'+'123456789/thumbnails/' + '1445524452873_491676259.jpg', img: '../images/offers/'+'123456789/' + '1445524452873_491676259.jpg'}, 
      {thumb: 'images/offers/'+'123456789/thumbnails/' + '1445524894340_7a668c73cddcd2050821f83be901832a_1426070017.jpg', img: '../images/offers/'+'123456789/' + '1445524894340_7a668c73cddcd2050821f83be901832a_1426070017.jpg'} 

     ]; 
    });

HTML

<body ng-app="fileUpload" ng-controller="MyCtrl"> 
<div> 
     <ng-gallery images="MyCtrl.images"></ng-gallery> 

</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script> 
<script src="controller14.js"></script> 
<script src="ng-infinite-scroll.js"></script> 
<script src="ng-infinite-scroll.min.js"></script> 
<script type="text/javascript" src="src/js/ngGallery.js"></script> 

</body>

Теперь я точно воспроизвести то, что демо-модуля выглядит. Тем не менее проблема есть. На лицевой стороне нет изменений.

источник

2015-11-05 Gandalf the White

Вы ссылаетесь на Myctrl.arr, вам не нужно префикс имени контроллера. Просто arr должен работать, то есть, если вы правильно назначаете arr в область действия. $ scope.arr.push ...

Я собираюсь предположить, что вы не делаете ни одного из вышеперечисленных.

UDATED:

Ваш контроллер:

var app = angular.module('fileUpload', ['jkuri.gallery']). controller('MyCtrl', function($scope, $document) { $scope.images = [ {thumb: 'images/offers/'+'123456789/thumbnails/' + '1445524452873_491676259.jpg', img: '../images/offers/'+'123456789/' + '1445524452873_491676259.jpg'}, {thumb: 'images/offers/'+'123456789/thumbnails/' + '1445524894340_7a668c73cddcd2050821f83be901832a_1426070017.jpg', img: '../images/offers/'+'123456789/' + '1445524894340_7a668c73cddcd2050821f83be901832a_1426070017.jpg'} ]; });

Ваш HTML

<body ng-app="fileUpload" ng-controller="MyCtrl"> <div> <ng-gallery images="images"></ng-gallery> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script> <script src="controller14.js"></script> <script src="ng-infinite-scroll.js"></script> <script src="ng-infinite-scroll.min.js"></script> <script type="text/javascript" src="src/js/ngGallery.js"></script> </body>

Обратите внимание на $ присваивание масштаб и отсутствие имени контроллера.

источник

2015-11-06 07:49:54 Shaun

Спасибо человеку. Модуль полон ошибок, никаких стрелок или закрытого водяного знака там нет. + Я хотел бы добавить еще одну кнопку или что-то в этом роде. –

Ничего не видно после ошибки в исполнении Jankuri ng-gallery

ответ

Смежные вопросы