自定义 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() .如果其中 none 个与使用的名称存在，则需要使用属性绑定。