如何將字符串值傳遞給angular2中的組件

Question

我想將字符串值傳遞給angular2中的組件，但它不能與默認綁定一起使用。 我在想類似的東西：

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

不幸的是，在賦值的右側只允許表達式。 有沒有辦法做到這一點？

Answer 1

字符串文字可以以不同的方式傳遞：

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

Answer 2

您可以通過將字符串括在引號中來傳遞字符串

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

Answer 3

要在字符串文字中包含單引號（以及可能的其他特殊HTML字符），第一個選項可以正常工作，而使用單引號來包裝文字的選項會因解析錯誤而失敗。 例如：

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

將正確輸出“約翰的價值”。