1

我们有一些看起来像这样的数据:

[{id: 1, link: "foo"}, {id: 2, link: "bar"}, ..., {id:n, link:"nth"}]

我们想生成一些这样的输出:

<ul>
<li>id is: 1</li>
<li>link is: "foo"</li>
<li>id is: 2</li>
<li>link is: "bar"</li>
...
<li>id is: n</li>
<li>link is: "n"</li>
</ul>

在这种情况下,乍一看,我们认为我们会编写一个名为“menuitem”的指令,它会发出内容

<li>id is: 1</li>
<li>link is: "foo"</li>

我们可以做类似的事情<menuitem ngrepeat="item in items"></menuitem>,所以我们可以用自定义指令的 NG 方式来做,然后使用标准的 ngrepeat 功能。盯着它看了一会儿,似乎我们应该把它概括一下,这样我们就可以根据需要定义一个自定义指令,比如功能,更像:

<ng-repeater ngrepeat="item in items">
  <li>id is: {{item.id}}</li>
  <li>link is: "{{item.link}}"</li>
</ng-repeater>

然后我们想知道,这样的东西是否已经存在于某个地方?因为... 我敢打赌我们不是第一个想要做这样的事情的人。

最好的祝愿

4

1 回答 1

1

管道中有一些新功能可以处理这种情况,但我认为它还没有在新版本中发布:

https://github.com/angular/angular.js/commit/e46100f7097d9a8f174bdb9e15d4c6098395c3f2

It is now possible to iterate over multiple elements like so:

<table>
  <tr ng-repeat-start="item in list">I get repeated</tr>
  <tr ng-repeat-end>I also get repeated</tr>
</table>
于 2013-06-07T20:48:45.810 回答