Question

当我尝试从JSON文件读取图像数据时，我得到了空数据。我不知道缺少什么。我一直将此文件编写为单个文件，并且可以正常工作，但是当我将其与其他文件一起使用时，它什么也没显示。

HTML

<body ng-app="myApp" ng-controller="myCtrl">
  <div>
    <div>
      <div class="banner">
        <ul id="lightSlider">
          <li ng-repeat="image in images"><img ng-src="{{image.img}}"></li>
        </ul>
      </div>
    </div>
  </div>

JS

var app = angular.module('myApp', ['ui.router']);
app.controller('myCtrl', ["$scope", "$http", "$timeout" function($scope, $http, $timeout) {
  $http.get('image.json')
    .success(function(data, status, header, config) {
      $scope.images = data.items;
    })
  $timeout(function() {
      $("#lightSlider").lightSlider({
        item: 1,
        auto: true,
        loop: true,
        speed: 1000,
        pause: 3000,
      });
  },0)
}]);

从JSON文件读取图像时出现空白页

0 个答案: