次のコードの読み取りができ<a href="https://angular.io/docs/ts/latest/guide/attribute-directives.html#bind-to-a-second-property" rel="nofollow noreferrer">angular.io Docs Advanced</a>の角2

Question

に `` [defaultColor] =「『紫』を」書き込みの長所/短所何ですか：それは、

<p [myHighlight]="color" [defaultColor]="'violet'"> 
    Highlight me too! 
</p> 

を、私は一定の値にバインドするときと思いました書き込みには十分で（より効率的な）必要があります

defaultColor="violet" 

私は間違っていますか？なぜ、一定の値に動的にバインドするのでしょうか？

Answer 1

が@Input()の場合、defaultColor="violet"は古いスタイルのHTML属性にすぎないため、コードの読者にとっては明らかです。

これ以外にも、どちらか一方を使用することに不利な点はありません。

defaultColor="violet"が実際にDOMに追加されますが、[defaultColor]="'violet'"はコンポーネントテンプレートでのみ表示されます。これは、コンポーネントテンプレートのコンパイル時にJavaScriptコードに置き換えられるためです。

これが利点または短所である場合は、達成しようとするものによって異なります。