2017-05-29 66 views
1

属性值我有分量,看起来是这样的:角2+ - NG-内容作为模板

<text-field name=myusername>Username</text-field> 

我想打“用户名”中输入的占位符属性,有点像这样:

<input name={{name}} placeholder="{{ng-content}}"> 

当然,上述不工作,但我不知道是否有是把在一个属性NG-内容的方式?

这里是我的测试plunker: http://plnkr.co/edit/gk0Y6IQGXyk4gJz5EjV4?p=preview

回答

1

没有将无法工作。要显示的内容的唯一方法是使用:

<ng-content></ng-content> 

您正在尝试使用一种不同的@Input,并把一切都在语义上是不支持在同一获得这类“输入”的。只需使用一个属性,在组件的@Input

2

当然也有变通办法,就像我在你的plnkr的改编了一句:http://plnkr.co/edit/c7XEgIDiFchjMjzVmyBF?p=preview

<span style="display: none;" #text><ng-content></ng-content></span> 
<input name={{name}} placeholder="{{text.innerHTML}}"> 

使用一个隐藏的范围包含的内容和使用作为占位符的价值。