2016-03-25 82 views
38

我想将字符串值传递给angular2中的组件,但它不适用于默认绑定。 我在考虑类似这样: 如何将字符串值传递给angular2中的组件

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

遗憾的是,只有表达式允许在分配的右侧。有没有办法做到这一点?

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

回答

54

字符串字面可以以不同的方式传递传递一个字符串HTML字符)的第一个选项工作,而那些使用单引号来包装文字会失败并带有分析错误。例如:

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

会正确输出“John's Value”。

+0

这些有什么区别吗?例如。 Angular会在最后两种情况下创建“绑定”还是足够聪明? –

+0

角度足够聪明。只有第一个将在DOM中可见。 –

+0

谢谢。我没有嵌套引号传递,它返回值为NaN:'' –

42

您可以通过封闭在引号括起来的

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

要包含一个单引号(可能还有其他特殊:

相关问题