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

Question

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

这是有效的

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

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

谢谢您的帮助！

Answer 1

你可以试试：

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

演示

Answer 2

插值{{ }}效果更好

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

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