在 Jankuri ng-gallery 没有错误实施后没有任何显示

Question

所以我参考了这个linkhttp://demo.jankuri.com/ngGallery/来制作图库。

我按照指示做了一切，但没有显示任何图像，因为没有显示图像。

这是我的控制器

    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]);

}

This is not my complete controller only the significant part.

这是我的前端代码

    <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>

angular 代码执行时没有任何错误，我在 return 中得到了 console.log(arr) 的正确响应。

我做错了什么？

Updated Segment

控制器

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>

现在我已经完全复制了模块演示的样子。问题仍然存在。前端没有变化。

Answer 1

您参考了 Myctrl.arr ，您不需要在控制器名称前加上前缀。只要 arr 应该可以工作，也就是说，如果您正确地将 arr 分配给范围。 $scope.arr.push ...

我猜你没有做以上任何事情。

更新：

您的控制器：

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>

注意 $scope 分配和控制器名称的缺失。

在 Jankuri ng-gallery 没有错误实施后没有任何显示

Nothing Shows Up after no error implementation of Jankuri ng-gallery

javascript

gallery

angularjs