2016-03-11 11 views
17

Ich arbeite mit angular 2 typescript und möchte eine Toggle Collaply List erstellen. Dies ist einfach mit einer einzigen ID und data-target, aber ich Schleife durch eine Liste, so dass ich dynamische ID-Namen haben. Ich möchte eine Variable in meinem data-target übergeben, damit ich die dynamischen Namen der IDs erreichen kann. etwas wie dieses:Wie übergebe ich die Variable an "data-target =" angular 2

<a data-toggle="collapse" data-target="#{{theme.themeId}}>collapseHere </a> aber das gibt mir einen Syntaxfehler.

Ist es möglich, Variablen mit einem data-target übergeben?

Antwort

45

Sie könnten Attributbindung verwenden. Etwas wie das:

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

Vielen Dank dafür, war auf der Suche nach, wie das zu beheben. Dies löste ein paar Probleme, die ich hatte! –

+0

Wie soll ich mit Tag von .ts Datei binden? –

+1

Verwandte Themen