自定义html元素和Angular [重复]

Question

这个问题已经在这里有了答案：

• 如何使用Angular编写数据属性？ 2个答案

我必须将第三方元素集成到我的Angular（4.3.x）应用程序中。 它们看起来像：

<any-widget id="123"></any-widget>

我已经通过向schemas: [ CUSTOM_ELEMENTS_SCHEMA ]添加以下schemas: [ CUSTOM_ELEMENTS_SCHEMA ]使Angular没有错误schemas: [ CUSTOM_ELEMENTS_SCHEMA ] 。 但是非常规地，我对此无能为力。 我试过了：

<any-widget [id]="id"></any-widget>

和

<any-widget id="{{id}}"></any-widget>

但是根本不显示id。 任何想法如何使这项工作？

Answer 1

<any-widget [attr.id]="id"></any-widget>

要么

<any-widget attr.id="{{id}}"></any-widget>

没有attr. Angular尝试绑定到HTML元素的属性或Angular指令的@Input() 。 如果使用所使用的名称都不存在，则需要使用属性绑定。