2016-03-11 27 views
17

Sto lavorando con il dattiloscritto angular 2 e voglio creare un elenco di interruzioni. Questo è semplice con ID singolo e data-target ma faccio un ciclo attraverso un elenco in modo da avere nomi di ID dinamici. Voglio passare una variabile nel mio data-target in modo da poter raggiungere i nomi dinamici degli ID. qualcosa di simile:Come passare la variabile a "data-target =" angolare 2

<a data-toggle="collapse" data-target="#{{theme.themeId}}>collapseHere </a> ma questo mi dà un errore di sintassi.

È possibile passare le variabili con un data-target?

risposta

45

È possibile utilizzare il binding dell'attributo. Qualcosa del genere:

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

Grazie mille per questo, era alla ricerca di come risolvere questo problema. Questo ha risolto un paio di problemi che ho avuto! –

+0

Come dovrei eseguire il binding con il tag dal file .ts? –

+1

Problemi correlati