我有一个带有ng-repeat指令的指令模板,如下所示:
template: "<table ng-repeat='num in seq track by $index'><tr><td>{{$index+1}}</td><td>{{num}}</td></tr></table>"
$ scope.seq是一个数字数组,直到索引131,此时我将字符串压入"<span class='stayTuned'>stay tuned!</span>"
。
当然,此字符串按原样推送,不是DOM元素。将这个html字符串编译成DOM元素然后“附加”它的最佳方法是什么,但是在我的列表范围内?
如果我要改写,这是我对您的问题的理解:
如何使用ng-repeat创建列表,并且仅当list元素的数量超过131时才追加
<span>
?
如果是这样,则不需要花任何钱来$ compile-只需在模板中使用现有的Angular指令ng-if
和过滤器即可limitTo
。
模板(可读性的多行):
<table ng-repeat='num in seq | limitTo: 131 track by $index'>
<tr>
<td>{{$index+1}}</td>
<td>{{num}}</td>
</tr>
</table>
<span ng-if="seq.length > 131" class='stayTuned'>stay tuned!</span>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句