我的组件有一个名为 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
?
最佳答案
您可以使用attribute binding :
<customTag [attr.name]="componentId"></customTag>
关于html - 如何通过数据绑定(bind)设置组件主机名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49696914/