当前位置: 首页 > 知识库问答 >
问题:

表达式的角度延迟一次性绑定

詹斌蔚
2023-03-14

AngularJS自1.3.0-beta.10版本以来有一个新功能:“惰性一次性绑定”。

简单表达式的前缀可以是<代码>:: ,告诉angular在首次计算表达式后停止监视。给出的常见示例如下:

<div>{{::user.name}}</div>

下面的表达式有类似的语法吗?

<div ng-if="user.isSomething && user.isSomethingElse"></div>
<div ng-class="{classNameFoo: user.isSomething}"></div>

共有1个答案

汤飞
2023-03-14

是的。您可以给每个表达式加上::前缀,即使是ngIFngClass中的表达式:

<div ng-if="::(user.isSomething && user.isSomethingElse)"></div>
<div ng-class="::{classNameFoo: user.isSomething}"></div>

实际上,代码只是检查表达式中的前两个字符是否为:,以便激活一次性绑定(然后删除它们,因此甚至不需要括号)。其他一切都保持不变。

 类似资料:
  • 问题内容: 自1.3.0-beta.10版本以来,AngularJS具有一项新功能:“懒惰的一次性绑定”。 可以在简单表达式的前面加上,告诉angular在首次评估表达式后停止观看。给出的常见示例如下所示: 类似以下表达式的语法是否类似? 问题答案: 是。您可以在每个表达式前添加,甚至可以在或中添加前缀: 实际上,代码只是检查表达式中的前两个字符是为了激活一次性绑定(然后将其删除,因此甚至不需要括

  • 问题内容: 我有一个输入,可以根据更改过滤ng-repeat列表。重复数据包含大量数据,并且需要花费几秒钟来过滤所有内容。我希望他们在开始过滤过程之前有0.5秒的延迟。 产生延迟的正确方法是什么? 输入项 重复 过滤功能 谢谢 问题答案: AngularJS 1.3+ 从AngularJS 1.3开始,您可以利用提供的属性轻松实现这一点,而无需使用。这是一个例子: HTML: JS: - 要么 -

  • 我对Angular的一次性绑定有困难。 假设我想将ngIf与一次性绑定结合使用,如下所示: 在这种情况下,角为if中的表达式创建了一个监视。一旦它被解析为非未定义的值,监视就会被删除。 如果它仅被解析为真实值,则后代html树将被添加到DOM并随后呈现。 现在这一切都很好,但我真的想避免初始监视,只需解析表达式,如果它未定义,只需设置一个监视。原因在我的场景中相当复杂,但基本上我有一些机制,可以暂

  • 问题内容: 我有一个角度应用程序,它通过简单的表达式绑定显示由控制器方法返回的值: 如果所讨论的方法仅返回一个值,则该方法将被调用两次,这很奇怪: 但是,如果该方法执行一些异步工作,例如从服务器获取文件,则代码将进入无限循环: 我是Angular的新手,所以这里可能错过了一些基本的知识,但是有人可以解释一下发生了什么吗? 柱塞 这是一个与http://plnkr.co/7BriYDbdVJvIoI

  • 必须这样做真的,真的很愚蠢: 我相信这会给我4美元的观察者...所以我正在寻找一个替代方案来避免像那样愚蠢。

  • 应用程序模块: app-routing.module.ts: 实体/实体-routing.module.ts: 实体/实体.组件. ts: 我还尝试使用以下方法在实体模块中定义路由,但组件仍会显示为导航到 /list,而不是 /entities/list。 我做错了什么?任何帮助是值得赞赏的!