从JSON文件加载图像

Question

我试图将图像从JSON文件加载到我的离子应用程序中。

我可以从JSON文件加载消息/字符串，但无法使图像生效。

我创建了一个codepen：

http://codepen.io/beefman/pen/aOpKgL?embed-id=15603

HTML：

<img class="full-image" ng-src="{{item.source}}">

Javscript：

.controller('announcementCtrl', function($scope, $http) {
  $scope.data = [];
  $scope.infiniteLimit = 1;

  $scope.doRefresh = function() {
    $http.get('')
      .success(function(data) {
        $scope.data = data;

        $scope.$broadcast('scroll.refreshComplete');
      })
      .error(function() {
        $scope.data = [];

        $scope.$broadcast('scroll.refreshComplete');
      });
  }

Answer 1

在图片代码中尝试 ng-src = ... 而不是 src = ... ，因为它是一个角度指令。