Angular ng-重复数组

Question

我正在使用 Angular v1.4.0-beta.4，需要在这样的范围内迭代一个数组：

$scope.users = {
   name:'PC Admin',
   login:[
      {
         proto:'https',
         user:'admin',
         pass:'foobar'
      },
      {
         proto:'ssh',
         user:'root',
         pass:'strang3'
      }
   ],
   ip:'192.168.1.2'
}

我查看了 Angular ng-repeat 文档，但无法理解。我尝试了很多东西，最后一个是这样的 (html):

<ul>
<li ng-repeat="user in users.login track by $index">
<li>Usuario: {{user.login[$index].user}}<br></li>
<li>Clave: {{user.login[$index].pass}}<br></li>
</ul>

但无法显示任何内容。如果我显示 user.login[0].user 或 user.login[1].pass 它显示正常，但如何迭代以显示数组中的每个数据？提前致谢！

Answer 1

这应该可以解决问题：

<ul>
<li ng-repeat="user in users.login track by $index">
<li>Usuario: {{user.user}}<br></li>
<li>Clave: {{user.pass}}<br></li>
</ul>

Answer 2

你在这里混合了两种东西。您当前的项目可用 'user'，但您尝试通过索引访问外部数组。

你要么必须使用

<ul ng-repeat="user in users.login track by $index">
<li>Usuario: {{user.user}}<br></li>
<li>Clave: {{user.pass}}<br></li>
</ul>

或

<ul ng-repeat="user in users.login track by $index">
<li>Usuario: {{users.login[$index].user}}<br></li>
<li>Clave: {{users.login[$index].pass}}<br></li>
</ul>

但第二种方式更像是滥用 ng-repeat 指令恕我直言。

Answer 3

谢谢 kasoban 和 Sphaso，你可以看到我是 Angular 的新人，昨天我花了很多时间来弄清楚它，谢谢！两者都解决了我的问题

<ul>
<li ng-repeat="user in users.login track by $index">
<li>Usuario: {{user.user}}<br></li>
<li>Clave: {{user.pass}}<br></li>
</ul>

Angular ng-重复数组

Angular ng-repeat array

javascript

arrays

angularjs

ng-repeat