Angular JS ng用异步数据重复

Angular-JS ng-repeat with asynchron data

本文关键字：数据 异步 JS ng Angular      更新时间：2023-09-26

我有一个商店，里面有很多商品。所有这些项目都属于一个类别。所以我在我的商店里有一个功能，可以获取所有现有的类别。

我的代码：http://plnkr.co/edit/rB4NMezhexEX4aFqveUO

但是在加载存储之后，$scope将被更新，而不是ng重复。正确的角度方式是什么？

问候字节计数器

所以我打乱了你的代码，我认为这就是你需要的：

js

function ClickToEditCtrl($scope) {
  $scope.products = [{name: 'Mercedes', type: "car"},
                     {name: 'Ford', type: "car"},
                     {name: 'BMW', type: "car"}];
  $scope.submitProduct = function () {
    $scope.products.push({name: 'Fiat', type: 'car'});
  };
}

html:

<div ng-app>
  <div ng-controller="ClickToEditCtrl">
    <div data-ng-repeat="product in products">
        {{product.name}}
      </div>
      <input type="button" ng-click="submitProduct()"  value="Click me">
  </div>
</div>

小提琴：http://jsfiddle.net/5DMjt/3459/

所以，当重复列出所有arrey中的对象时，发生了一些事情（在我的情况下是点击操作），并且数组发生了变化，你只需要把它推进去。

希望它能帮助

相关文章：