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

如果我打印上面的模型我得到像下面Angularjs NG-重複數組值

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

我想對這個值使用ng-repeat輸出,如何實現這一目標?

我嘗試使用ng-repeat下面的代碼片段,但它沒有任何印刷

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

我在這裏做了哪些錯誤?任何人都可以請指出這個問題。如何解決這個問題?

+0

post myCtrl.Data – Jenny

+0

您是否將'controllerAlias'定義爲'myCtrl'? –

回答

1

ng-repeatng-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>

着裏面<td>直接<tr>使用。你需要創建一個表,並將其添加有

<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語法檢查使用ng-repeat代替ng-repet

2)如果myCtrl是controllerAs值正確的控制器名

3)如果您使用的是$scope那麼您應該在控制器中創建$scope.myCtrl.Data.summary.account