`value =" {{todo.title}} "と` [value] = "todo.title" `の違いは何ですか？

Question

私はコンセプトをつかむために角2でtodoアプリをやっています... value="{{todo.title}}"と[value]="todo.title"の違いは何ですか？角度のdocから

Answer 1

：

プロパティ結合または補間？

私はしばしば、補間とプロパティの結合のどちらかを選択します。次のバインディングペアは同じことを行います。

<p><img src="{{heroImageUrl}}"> is the <i>interpolated</i> image.</p> 
<p><img [src]="heroImageUrl"> is the <i>property bound</i> image.</p> 

<p><span>"{{title}}" is the <i>interpolated</i> title.</span></p> 
<p>"<span [innerHTML]="title"></span>" is the <i>property bound</i> title.</p> 

多くの場合、補間はプロパティバインドの便利な方法です。実際、Angularは、ビューをレンダリングする前に、それらの補間を対応するプロパティーバインディングに変換します。

1つのフォームを他のフォームに優先する技術的理由はありません。私たちは読みやすさに傾いています。これは補間に有利な傾向があります。コーディングスタイルのルールを確立し、両方のルールに準拠し、手元にあるタスクにとって最も自然な感じのフォームを選択することをお勧めします。

Link

Answer 2

のは、我々は、このデータ

todo = { 
    title: 5 
}; 

1）value="todo.title"を持っているとしましょう - 名前valueと値"todo.title"の属性（文字列）

2）value="{{todo.title}}" - プロパティvalueと値の"5"（常にストリング）

template_parser.ts方法_parseAttr

したがって、属性

3として含まれません）[value]="todo.title" - 持つプロパティ名前valueおよび値5（数字）

そこで、これらの式の差が補間（value="{{todo.title}}"）の値は、基本プロパティの値（[value]="todo.title"）を結合しつつあるように常に渡され文字列化であることです。