自定义html元素和角

Question

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

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

我已经作出角加入schemas: [ CUSTOM_ELEMENTS_SCHEMA ]到app.module.ts不产生错误。但不幸的是，我不能接受任何东西。我想：

<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.角试图绑定到一个HTML元素的属性，或一个角指令的@Input()。如果这些名称都不存在，则需要使用属性绑定。