在NG-重复这是一个指令的模板

Question

我有一个指令的模板与NG重复指令，它看起来像这样内编译有条件插入HTML：

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元素，然后“追加”它，但在我的列表的上下文中，最好的方法是什么？

Answer 1

以下是我明白你的问题，如果我要改写：

如何创建与NG-重复列表，并只有如果列表中的元素数量超过131，追加<span>？

如果是这样，你不需要任何幻想至$编译 - 只需使用现有角的指令 - 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>