当前位置: 首页 > 面试题库 >

AngularJS:为什么ng-bind在角度方面比{{}}好?

乐刚毅
2023-03-14
问题内容

我参加了一次有角度的演讲,会议中提到的一位参加者ng-bind胜于{{}}束缚。

原因之一是ng- bind将变量放在监视列表中,并且仅当发生模型更改时,才将数据推送到视图中查看;另一方面,{{}}每次都会对表达式进行插值(我想这是角周期)并推送值,即使值更改与否。

也有人说,如果屏幕上没有太多数据,则可以使用{{}},并且性能问题将不可见。有人可以帮我阐明一下这个问题吗?


问题答案:

如果您没有使用ng-bind,则类似以下内容:

<div>
  Hello, {{user.name}}
</div>

您可能会Hello, {{user.name}}user.name解决之前(在加载数据之前)看到一秒钟的实际值

你可以做这样的事情

<div>
  Hello, <span ng-bind="user.name"></span>
</div>

如果这对您来说是个问题。

另一个解决方案是使用ng-cloak



 类似资料:
  • 我希望在5秒钟后,输出改变by它停留在。这是为什么?我还需要做什么吗?

  • 问题内容: 我有一些要从json文件加载的html数据。 我通过在应用程序中使用ngSanitize并使用ng-bind-html来显示此html数据。 现在我想从标准转换json blob中的任何链接 至: 。 所以我在json文件上做了一些regExp来转换链接,但是出于某种原因,但是ng-bind-html过滤掉了ng- click的输出,我不知道为什么。是否应该这样做,如果可以,可以禁用此

  • 问题内容: angular js中的“ ng-bind”和“一次性绑定”有什么区别? 如果有任何区别,我应该在哪里使用它们? 问题答案: 双向数据绑定 AngularJS中的双向数据绑定意味着将数据从模型绑定到视图,反之亦然(数据从范围/控制器流到视图,再从视图流到范围/控制器)。“ NG-模型 ”是用于实现双向数据绑定的角指令。无论范围是否要求更新数据,对范围/控制器对该模型的任何修改都将自动传

  • 问题内容: 我想显示“附件”部分的表格格式。我有查询和结果数据。两者都有一个共同的列。我想显示基于ID的附件类别描述。在我尝试过的尝试中,它没有用。 我在中使用一个函数,希望方法错误,期望该方法有一个替代方案。 该包含, 和来自数据库的数据一样, HTML代码为 控制器的代码是 样本柱塞:http ://plnkr.co/edit/dZy5gW4q9CxWF2NszXYc 问题答案: 括号是否经过

  • 问题内容: 目前,我正在学习AngularJS和我难以理解的区别和。 谁能告诉我它们的区别以及何时应使用另一种? 问题答案: ng-bind 具有单向数据绑定($ scope->视图)。它有一个快捷方式 ,用于显示插入到html中的范围值,其中是变量名。 ng-model 用于放置在表单元素中,并具有双向数据绑定($ scope-> view and view-> $ scope),例如。

  • 问题内容: plnkr链接 我有一个我想将html绑定到它的元素。 这样可行。现在,连同它,我还有一个绑定到绑定的html的指令: 但是带有div和anchor 的指令不求值。我该如何运作? 问题答案: 我也遇到了这个问题,经过几个小时的互联网搜索,我读到了@Chandermani的评论,事实证明这是解决方案。您需要使用以下模式调用“编译”指令: HTML: JS: 您可以在这里看到它的工作提琴