How to pass variable to "data-target=" angular 2

Question

I'm working with angular 2 typescript and i want to create a toggle collapse list. This is simple with single id and data-target but i loop throught a list so i have dynamic id names. I want to pass a variable in my data-target so i can reach the dynamic names of the id's. something like this:

<a data-toggle="collapse" data-target="#{{theme.themeId}}>collapseHere </a> but this gives me a syntax error.

Is it possibly to pass variables with a data-target?

Answer 1

You could used attribute binding. Something like that:

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

Answer 2

Yes exactly you can use

*ngFor="a of Array; index as i;"

and

[attr.data-target]="'#test' + i"

and

name="test{{i}}

Answer 3

To pass a variable in Angular 7 you can use it just like:

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