一次性绑定语法

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

在 Angular 中，从组件到模板的单向数据有三种方式：

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

编辑：另一方面，一次绑定是我们曾经在 Angular 1 中拥有的功能，您可以使用 ChangeDetectionStrategy.CheckOnce 以 Angular 复制它

查看官方文档here