在指令模板内的ng-repeat中编译有条件插入的html

纸莎草纸

我有一个带有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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在指令模板内的ng-repeat中编译有条件插入的html

来自分类Dev

指令模板中ng内重复项的隔离范围

来自分类Dev

指令模板中ng内重复项的隔离范围

来自分类Dev

在指令模板中,ng-repeat范围内不起作用

来自分类Dev

有条件的ng-repeat角添加样式

来自分类Dev

Angularjs嵌套ng-repeat有条件的原因

来自分类Dev

有条件地在ng-repeat中添加行

来自分类Dev

ng-repeat和ui-sortable中带有条件的角度$ index编号

来自分类Dev

根据ng-repeat中的先前值有条件地显示值-angularjs

来自分类Dev

Chef模板-有条件地插入文本块

来自分类Dev

如何有条件地将属性插入到 Angular 模板中

来自分类Dev

angular:使用指令模板内的ng-click调用带有参数的函数

来自分类Dev

使用Angular指令有条件地加载模板

来自分类Dev

有条件地需要指令中的字段

来自分类Dev

具有ng-repeat和属性的指令模板中的指令

来自分类Dev

有条件地在ng-repeat中应用angualrjs自定义过滤器

来自分类Dev

有条件地在Django中扩展模板

来自分类Dev

有条件地在 freemarker 模板中显示行

来自分类Dev

ng-repeat中的角外部模板指令

来自分类Dev

AngularJS指令-ng-repeat中的模板替换

来自分类Dev

AngularJS中具有条件的Ng类

来自分类Dev

指令模板中ng-class中的条件逻辑

来自分类Dev

有条件地调用指令

来自分类Dev

有条件的指令选择

来自分类Dev

有条件地调用指令

来自分类Dev

C ++ 11有条件的模板

来自分类Dev

如何让ng-repeat在指令模板内部工作

来自分类Dev

如何有条件地设置模板头的编译器优化

来自分类Dev

如何使用模板有条件地编译(使用Grunt)仅更改的玉文件,包括

Related 相关文章

热门标签

归档