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

user_3350631 0
Viewed 59640

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?

angular typescript
3 Answers

Yes exactly you can use

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

and

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

and

name="test{{i}}
user_107271550

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

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