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