插值{{}}和[innerText]之間的性能差異 - angular 2

Question

在使用ng-bind的angular 1.x中，可以提高插值性能。

這仍然是角2的情況嗎？我應該使用[innerText]插值。

例如

<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

所以，你可以使用任何人。希望這會幫助你。