Пользовательские элементы html и Angular

Мне нужно интегрировать сторонние элементы в мое приложение Angular (4.3.x). Они выглядят примерно так:

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

Я уже заставил Angular не выдавать ошибок, добавив schemas: [ CUSTOM_ELEMENTS_SCHEMA ] в app.module.ts. Но невольно я не могу, но что-нибудь к нему. Я попытался:

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

и

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

Но id вообще не отображается. Любая идея, как заставить это работать?


angular angular-template
person Mick    schedule 24.08.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward 

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

or

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

Без attr. Angular пытается привязаться к свойству элемента HTML или @Input() директивы Angular. Если ни один из них не существует с используемым именем, вам необходимо использовать привязку атрибута.

person Günter Zöchbauer    schedule 24.08.2017
comment
Вооооо спасибо большое! - person Mick; 24.08.2017