一次性绑定语法

Question

我是Angular的新手，并不确定这是否是Angular中推荐的语法。在AngularJS中，我们可以通过这种方式进行一次性绑定：

<p>{{::myVar}}</p>

在Angular中，我知道我们可以做到这一点。

<p [innerText]="myVar"></p>

我的第一个问题是，这是在Angular中实现{{::}}的唯一方法吗？

如果我在AngularJS中遇到这种情况怎么办？

<p>{{::myVar}} is a variable</p>

我尝试过这样的事情

<p [innerText]="myVar + 'is a variable'"></p>

它可以工作，但这又是推荐的语法吗？

Answer 1

在角度中，有三种方式将单向数据从组件绑定到模板：

• 插值{{myVar}} =＆gt;推荐用例：<p>{{myVar}} is a variable</p>
• 属性绑定[attri]="url" =＆gt; <img [src]="url">
• bind-target="myVar"

编辑：另一方面，一次绑定是我们过去在角度1中使用的一个功能，您可以使用ChangeDetectionStrategy.CheckOnce

以角度复制它

查看官方文档here