输入标签中占位符的属性绑定，具有两个属性答案

【问题标题】：Property-Binding of placeholder in the input-tag with two properties输入标签中占位符的属性绑定，具有两个属性
【发布时间】：2019-02-25 08:33:16
【问题描述】：

我想知道如何将两个属性绑定到输入标签的占位符。

这是有效的

<input type="text" [placeholder]="this.name" />

但是如何在占位符中获取另一个属性，例如“this.forename”，以便两个属性之间显示空格？

感谢您的帮助！

【问题讨论】：

【解决方案1】：

你可以试试：

<input type="text" [placeholder]="user.name + ' ' + user.forename" />

【讨论】：

【解决方案2】：

插值{{ }} 效果更好

<input type="text" placeholder="{{name}} {{forename}}" />

另请注意，您无需在模板中使用this 对象。

【讨论】：

这也很好用。感谢所有的答案！
为什么你应该使用字符串插值，而属性绑定允许你做同样的事情？这不是正确的方法，您应该使用属性绑定，因为它是最佳实践。 <input type="text" [placeholder]="name+' '+forename" /> 如果是标签的属性，可以直接使用attr.attributename="value" 例如：<td [attr.colspan]="dynamicValue">Hello</td>