javascript - 如何使用 Angular 更新 ng-repeat 中的列表？

Question

我有一个 ionic 列表

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item.name}}!
  </ion-item>
</ion-list>

然后，在 Controller 中我有一个事件:

$scope.items = someData();
itemsRef.on('event', function (response) {
    console.log(response); // this is an object containing he "name" property
});

我想将 response 添加为 ion-item，而不插入 html，但以某种方式将响应添加到项目中

编辑:

我试过:$scope.items.push(response); 但奇怪的是我得到了 Uncaught TypeError: undefined is not a function

编辑:看起来不只是$scope.items.push(response);，还有$scope.items[next_key_here] = response;

参见 jsfiddle

Answer 1

如果 itemRef 是 Angular 服务，您只需将对象添加到 items 数组:

$scope.items.push( response );

如果 itemRef 使用一些非 Angular 异步服务来获取它的响应，你将需要告诉 Angular 事情已经更新:

$scope.$apply( function() {
    $scope.items.push( response );
});

如果您在使用 $scope 时遇到问题，最好使用带点的 $scope 变量，例如使用 $scope.data.items 而不是 $scope.items。

参见 http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html就原因展开精彩讨论。