Question

我正在尝试在Angular视图中返回多个数据，但它只显示了1个对象。所以我的代码：

   var url = 'https://yts.re/api/listimdb.json?imdb_id=tt0455944';
   $http.get(url, { cache: true}).success(function(data) {
      var items = data.MovieList;
      for (var i = 0; i < items.length; i++) {
        $scope.Tor = items[i];
        console.log(items[i]);
      }
    });

正如您在JSON中看到的那样，有两个结果，console.log正在向我展示。但每当我尝试

时

{{Tor}}

或

<div class="data-box" ng-repeat="item in Tor">
   {{item}}
</div>

它只显示1个对象

Answer 1

替换此行：

var items = data.MovieList;

带

$ scope.Tor = data.MovieList;

您的最终代码应类似于以下代码段：

var url = 'https://yts.re/api/listimdb.json?imdb_id=tt0455944';
   $http.get(url, { cache: true}).success(function(data) {
      $scope.Tor = data.MovieList;

    });

因为您以数组形式获取数据，所以可以直接将数组值设置为Tor范围变量。

设置后，ng-repeat指令将能够遍历此集合。

对于返回1个对象Angularjs

1 个答案: