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

ng-bind和内插{{}}在Angular中的区别

颛孙高义
2023-03-14
问题内容

{{}}和ng-bind在角度上有什么区别吗?

我对Angular很陌生。我从使用{{}}开始,然后在文档中找到ng-
bind。我认为他们做的是相同的工作,但是为什么要另外做一条指令,如果没有,请告诉区别。


问题答案:

官方文档中有一些提示:https :
//docs.angularjs.org/api/ng/directive/ngBind

通常,您不直接使用ngBind,而是使用类似{{expression}}的双重卷曲标记,它虽然相似,但比较冗长。

如果模板在Angular编译之前由浏览器暂时以其原始状态显示,则最好使用ngBind代替{{expression}}。由于ngBind是元素属性,因此在页面加载时,绑定使用户不可见。



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

  • 本文向大家介绍angular中ng一if和ng-show/hide 有什么区别?相关面试题,主要包含被问及angular中ng一if和ng-show/hide 有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 1.ng一if 在后面表达式为 true 的时候才创建这个 dom 节点,ng一show 是初始时就创建了,用 display:block 和 display:none 来控制显示和不

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

  • 问题内容: 我想知道ng-bind-html和bind-html-compile指令之间的区别。例如我给 到ng-bind-html,这会剔除bind-html-compile所没有的样式。我可以知道何时应该使用每个指令。谢谢。 问题答案: bind-html-compile 不是标准的Angular指令,它带有模块https://github.com/incuna/angular- bind-h

  • 问题内容: 我正在使用ng-repeat在HTML中创建表单,以从范围中的对象生成表单元素。我还使用该对象在ng-repeat之外生成其他元素。 一个简化的示例在HTML中如下所示: 在JS中: 在这个例子中,在块2中的文本设置为初始值和。输入值和循环内部的值也被设置为初始值。 当我修改输入中的值时,ng-repeat块内部的值会正确更新,但block2中的标签无法更新。 为什么会这样呢?ng-

  • 本文向大家介绍详解Angular路由 ng-route和ui-router的区别,包括了详解Angular路由 ng-route和ui-router的区别的使用技巧和注意事项,需要的朋友参考一下 什么是路由? 路由是AngularJS构建单页面应用的基础。 路由,就是网络数据或者请求进行分发的一个网络组件。 路由就是一个用于请求URL分发和跳转的一个应用组件,Angular中通过$routePro