2017-03-08 22 views
0
myCtrl.Data.summary.account 

私はモデルの上に印刷する場合、私はAngularjs ngのリピート配列値

["1","2","3","4","5"] 

以下のような出力を得る私はこれをachiveする方法を、この値にng-repeatを使いたいですか?

私はここで作られた何のミス私はng-repeatを使用して、次のコードスニペットを試してみましたが、それは何も

<td ng-repeat="data in myCtrl.Data.summary.account"> 
    <tr>{{data}}</tr> 
</td> 

を印刷しないのですか?誰でもこの問題を指摘してください。これを修正するには?

+0

投稿myCtrl.Data – Jenny

+0

'controllerAlias'を' myCtrl'と定義しましたか? –

答えて

1

それは<td>内に直接<tr>を使用傾けるng-repet

<td ng-repeat="data in myCtrl.Data.summary.account"> 
    <tr>{{data}}</tr> 
</td> 
0

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 
\t $scope.arr = ["1","2","3","4","5"] 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<table> 
 
    <tr> 
 
    <td ng-repeat="data in arr"> 
 
     <table> 
 
     <tr> 
 
      <td >{{data}} 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table> 
 
</div>

ng-repeatではありません。テーブルを作成して追加する必要があります。

<td ng-repeat="data in myCtrl.Data.summary.account"> 
    <table> 
     <tr> 
      <td>{{data}} 
      </td> 
     </tr> 
    </table> 
</td> 
+0

なぜdownvote –

0

値を列に置き、行を繰り返す必要があります。あなたのコードは、この形式である必要があります。

<tr ng-repeat="data in myCtrl.Data.summary.account"> 
    <td>{{data}}</td> 
</tr> 
1

1)あなたはcontrollerAsの構文チェックを使用している場合myCtrlがcontrollerAs値

3で正しいコントローラ名である場合ng-repeat代わりのng-repet

2)を使用します) $scopeを使用している場合は、コントローラに$scope.myCtrl.Data.summary.accountを作成する必要があります