Question

在使用ng-bind的Angular 1中，您可以提高插值性能。

Angular 2中的情况仍然如此吗？我应该使用[innerText]而非插值。

E.g。

<p>{{slower}}</p>
<p [innerText]="faster"></p>

Answer 1

我们经常在插值和属性绑定之间进行选择。以下绑定对执行相同的操作：
Interpolated: <img src="{{vehicle.imageUrl}}"><br>
Property bound: <img [src]="vehicle.imageUrl">

The interpolated title is {{title}}

[innerHTML]="'The [innerHTML] title is '+title">
在许多情况下，插值是属性绑定的一种方便的替代方法。事实上，Angular会在渲染视图之前将这些插值转换为相应的属性绑定。

没有技术理由偏好一种形式到另一种形式。我们倾向于可读性，这往往有利于插值。我们建议建立编码风格规则，选择符合规则的形式，对于手头的任务感觉最自然。

来源：https://angular.io/docs/ts/latest/guide/template-syntax.html#!#property-binding

所以你可以使用任何人。希望这会帮助你。

Answer 2

您可以使用任何人。但我认为，属性绑定的速度比Angular更快将插值转换为相应的属性绑定渲染视图之前。因此，如果您使用属性绑定，则Angular 不需要翻译。

插值{{}}和[innerText]之间的性能差异 - 角度2

2 个答案: