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

Question

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

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

我已经通过将schemas: [ CUSTOM_ELEMENTS_SCHEMA ] 添加到 app.module.ts 使 Angular 不会产生错误。但我无能为力。我试过了：

<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()。如果使用的名称都不存在，则需要使用属性绑定。