如何使用数据绑定

时间:2018-04-06 16:07:55

标签: html angular typescript

我的组件有一个名为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中我可以正确地看到用&#34; somename&#34;填充的属性名称。

我需要的是将此变量(componentId)的值用作name的{​​{1}},而无需实际尝试访问属性customTag组件name(由于它来自库,因此我的代码无法控制)。

如何才能读取customTag的值,将其动态分配给静态属性componentId

1 个答案:

答案 0 :(得分:3)

您可以使用attribute binding

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