2015-11-06 55 views
0

我有一个包含很多项目的商店。所有这些项目都属于一个类别。所以我在我的商店有一个功能来获得所有现有的类别。Angular-JS ng-重复异步数据

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

但加载店之后,$范围将被更新,但不是NG重复。什么是正确的Angular-Way来做到这一点?

问候 Bytecounter

+0

您plunker链接是死了! – macrog

+0

@macrog:http://plnkr.co/edit/rB4NMezhexEX4aFqveUO – Grundy

+1

你能提供** working ** plunkr吗?另请参阅浏览器控制台中的错误 – Grundy

回答

0

所以我炒你的代码,我的东西,这是什么ü需要:

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/

因此,ng-repeat列出了arrey中的所有对象,发生了一些事情(在我的情况下点击操作),并且该数组发生更改,您只需将其推入内部即可。

希望它可以帮助