如何有意延迟angularJS插值

时间:2016-02-24 18:48:23

标签: angularjs interpolation

说我有以下html:

<div>{{name}}</div>

我想延迟{{name}}上的插值,以便我可以在html(原始数据)上看到大括号。

我的第一个想法是创建一个名为pause的属性指令,并且在该指令的compile函数中,只需调用$timeout暂停一段时间。

html应该如下所示,10000是暂停间隔。

<div pause="10000">{{name}}</div>

然而它并没有暂停,还有另一种方法可以达到这个目的吗?

1 个答案:

答案 0 :(得分:2)

ng-non-bindable添加到元素可防止插入元素的内容。

来自AngularJS docs

<div>Normal: {{1 + 2}}</div> <!-- 3 -->
<div ng-non-bindable>Ignored: {{1 + 2}}</div> <!-- {{1 + 2}} -->

要延迟该过程,您的自定义指令可以最初将ng-non-bindable指令添加到元素,并在超时后将其删除。