Angularjsにアイテムを追加する際の配列の反復方法は？

Question

私はng-repeatを使用して、コントローラーで作成したアレイをループスルーします。

<div ng-model="wrapper_div" id="wrapper"> 
    <input type="button" value="Update Data" 
    ng-click="updateData()" /> 
    <ul ng-repeat="x in data"> 
     <li>{{data}}</li> 
    </ul> 
</div> 

：

HTMLコードは、次のようになります。問題は、代わりに新しい行の各値を示すと、それは、すべての行に配列値の全てを示す以下のような、あります

スクリプト：

var answers = []; 
function updateData(data) { 

    var scope = angular.element($("#wrapper")).scope(); 
    scope.$apply(function(){ 

     answers.push(data); 
     scope.data = answers; 
    }); 
} 

期待される結果は次のようになります。

9 
6 
7 

はなく、この：

9,6,7 
9,6,7 
9,6,7 

Answer 1

あなたがdataないxが表示され、データが代わりに{{x}}あなたはおそらく

<ul ng-repeat = "x in data"><li>{{x}}</li></ul> 

Answer 2

を必要としてみてください表示するので、完全な配列は、3つの時間を表示され、配列でありますng-repeatをliタグに移動します。ulではなく、式ではxとデータではないので、毎回全体の配列が出力されています。あなたは `

`タグに `` {{データ}}使用

<div ng-model = "wrapper_div" id="wrapper"> 
    <input type="button" value="Update Data" ng-click="updateData()"/> 
    <ul> 
     <li ng-repeat = "x in data">{{x}}</li> 
    </ul> 
</div>