时间戳

首页 > 解决方案 > 从 JSON 文件读取图像得到空白页面

javascript - 从 JSON 文件读取图像得到空白页面

问题描述

当我尝试从 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)
}]);

标签： javascripthtmljsonangularjsjquery-ui-slider

解决方案

推荐阅读