Question

myCtrl.Data.summary.account

如果我在模型上面打印，我会得到如下所示的输出

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

我想对此值使用ng-repeat，如何实现此目标？

我尝试使用ng-repeat跟踪代码段，但它没有打印任何内容

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

我在这里犯了什么错误？任何人都可以指出这个问题。如何解决这个问题？

Answer 1

ng-repeat而非ng-repet

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

Answer 2

1）使用ng-repeat代替ng-repet

2）如果您正在使用controllerAs语法检查myCtrl是否为controllerAs值中的正确控制器名称

3）如果您使用$scope，则应在控制器中创建$scope.myCtrl.Data.summary.account

Answer 3

＆＃13;

angular.module("app",[])
.controller("ctrl",function($scope){
	$scope.arr = ["1","2","3","4","5"]
})

＆＃13;

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

＆＃13;

无法在<tr>内直接使用<td>。你需要创建一个表并将其添加到那里

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

Answer 4

您应该将值放在列中并重复行。您的代码应采用以下格式：

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

Angularjs ng-repeat数组值

4 个答案: