Как передать переменную в "data-target =" angular 2

Я работаю с angular 2 typescript, и я хочу создать список смены списка. Это просто с одним id и data-target, но я просматриваю список, поэтому у меня есть имена динамических идентификаторов. Я хочу передать переменную в моем data-target, чтобы я мог достичь динамических имен идентификатора. что-то вроде этого:

<a data-toggle="collapse" data-target="#{{theme.themeId}}>collapseHere </a> но это дает мне синтаксическую ошибку.

Возможно ли передать переменные с data-target?

Ответы

Ответ 1

Вы можете использовать привязку атрибутов. Что-то вроде этого:

[attr.data-target]="'#' + theme.themeId"

Ответ 2

Чтобы передать переменную в Angular 7, вы можете использовать ее так же, как:

[attr.data-target] = "theme.themeId"