Question

我想知道为什么我的项目没有在DOM上显示。虽然ng-repeat正在创建新的表行。当我控制日志簿时，它显示正常但不是ng-repeat。 Console Log

HTML

<table class="table table-bordered table-light table-hover">
<tbody  id="tableBookSearch">
<tr ng-repeat="(key, value) in books"><td>key : {{key}} value: {{value}}</td></tr>
</tbody>
</table>

JS

$.getJSON(googleAPI, function(response){
        $scope.books = [];
        for(var i = 0; i < response.items.length; i++){
          $scope.books.push(response.items[i]);
          console.log('pushed book : ' + i);
        }
        $scope.$apply();
        console.log('scope applied');
        console.log($scope.books);
});

更新

我尝试使用普通数组执行此操作，但它也没有显示数据。引用也不为空。

Answer 1

<table class="table table-bordered table-light table-hover">
<tbody  id="tableBookSearch">
<tr ng-repeat="(key, prop) in books">
  <td>   Key : {{key}}</td> 
   <td ng-repeat="value in books[key]>  value : {{value }}</td>
</tr>
</tbody>
</table>


https://www.w3schools.com/angular/ng_ng-repeat.asp

Answer 2

而是使用ng-repeat转到角度查找@ https://docs.angularjs.org/api/ng/directive/ngOptions

中的ng-options

Answer 3

我编写的环境是Angular2，我认为它是AngularJS。 ng-repeat是AngularJS的指令，并且我必须使用* ngfor做类似的事情。

ng-repeat未显示json对象项

3 个答案: