2015-11-06 54 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中的所有對象,發生了一些事情(在我的情況下點擊操作),並且該數組發生更改,您只需將其推入內部即可。

希望它可以幫助