Ich bin neu in Angular 4, Anprobieren dynamisch li Inhalt $() mit anhängen anhängen() Methoden.. Ich bin nicht in der Lage zu kompilieren und zu verwenden [ngClass] Direktive.Angular 4 - Kompilieren [ngClass] innerhalb jquery append
jQuery betrachtet es als String und hängt an DOM an. Ich möchte es dynamisch kompilieren, die als eine eckige 4-Anweisung ausführen.
Array mit Dummy-Daten ist unten.
let listOfAllColumns = [
{ name: "name", active: false },
{ name: "ConnectionType", active: true },
{ name: "Type", active: false },
];
Looping obwohl Array mit jQuery
listOfAllColumns.forEach(item => {
$(this.sortElement).append("<li><a href= 'javascript:;' [ngClass]='{'activeTick': "+ item.active +"}'>"+ item.name +"</a></li>");
});
Mein DOM Inhalt:
<a href="javascript:;" [ngClass]="{" activetick':="" false}'="">name</a>
[ngClass] als String betrachtet ist es eine Möglichkeit, diese Aussage in Winkel zu kompilieren .. !!!
Vielen Dank im Voraus
wie diese [ngClass] =“versuchen machen {'activetick': item.active} " – Sreemat
Ich möchte es aus einer ts-Datei [Komponentendatei] laden. tats mein Szenario. – user1688992