如何使用数据绑定设置组件主机名

Question

我的组件有一个名为componentId的变量，它被定义为组件的输入：

@Input() public componentId: string;

我希望在构建 HTML 时解释此变量，以便将其分配给属性name.像这样：

<customTag name="{{componentId}}"/>

问题是customTag没有属性name，所以当我尝试这样做时，我得到异常：

Can't bind to 'name' since it isn't a known property of 'customTag'.

但是，如果我这样做：

<customTag name="somename"/>

。在渲染的 HTML 中，我可以正确看到填充有"somename"的属性名称。

我需要的只是使用这个变量的值(componentId)作为customTag的name，而不需要实际尝试访问组件customTag的属性name(由于它来自库，因此无法控制其代码)。

如何读取componentId的值以将其动态分配给静态属性name？

Answer 1

您可以使用属性绑定：

<customTag [attr.name]="componentId"></customTag>