2016-03-25 6 views
38

angle2のコンポーネントに文字列値を渡したいのですが、デフォルトのバインディングでは機能しません。 私はこれに似た何かを考えています: angle2のコンポーネントに文字列値を渡す方法

<component [inputField]="string"></component> 

残念ながら、唯一の表現は、割り当ての右側に許可されています。これを行う方法はありますか?

答えて

54

引用符で文字列を囲むことにより、文字列を渡すことができます。

<component inputField="string"></component> 
<component [inputField]="'string'"></component> 
<component inputField="{{'string'}}"></component> 
+0

これらの違いはありますか?例えば。 Angularは最後の2つのケースで「バインディング」を作成するか、それとも十分にスマートですか? –

+0

角は十分にスマートです。最初のものだけがDOMに表示されます。 –

+0

ありがとうございます。私はネストされた引用符を使わずに渡していました。値はNaNとして返されました: '' –

42

あなたは文字列リテラルは異なる方法で渡すことができ

<component [inputField]="'string'"></component> 
3

単一引用符(およびおそらく他の特殊を含めるにはHTML文字)を文字列リテラルに使用すると、最初のオプションは機能しますが、リテラルを単一引用符で囲んで構文解析エラーで失敗します。例:

<component inputField="John&#39;s Value"></component> 

"John's Value"が正しく出力されます。

関連する問題