angular - 如何将属性值作为对象值发送？

Question

我有一个组件，我在那里发送data 我的输入属性。

我data在 FormGroup 组件的输入属性中发送对象。

<app-form-group shouldTheInputBeDisabled='false' formControlName="salary" [data]="{ field: 'salary', label: 'Specify the salary for' + ' ' +  'John' }"></app-form-group>

我想动态地制作我的标签。这里 John 是硬编码的 - 但我应该userName从我的组件的属性中获取值 - the typescript file。

有什么方法可以让我通过 HTML 生成它吗？我试过了

[data]="{ field: 'salary', label: 'Specify the salary for' + ' ' +  `${userName}` }"

但没有成功。

我知道我可以在 my 中准备所有这些，ts file然后在子组件中发送准备好的，但我想知道这可以直接在 html 中完成吗？

标签： angular

Answer 1

你不能在 Angular 模板中使用模板字面量。使用您的示例，您必须直接连接字符串：

[data]="{ field: 'salary', label: 'Specify the salary for ' + userName }"