Angular 2 - ngfor ohne Einwickeln in einen Behälter
Ich wünsche mir ein ul-Element und dann habe ich in meinem json HTML-Code, der Listenelemente (li) von verschiedenen Social Media-Sites enthält. Wenn ich ngfor auf die Listenelemente setze, werden mehrere uls für jeden der ausgegebenen json-Datensätze erstellt. ist es möglich, jedes li einfach als html auszugeben und nicht in ein element zu packen
small Probe meines json
{
"courses": [{
"tile_id": 0,
"tile_content": "<li class=\"grid-item horiz-double blog-tile\" data-item-id=\"0\">yrdy<\/li>"
}],
}
small sample of my angle service - das funktioniert perfekt und gibt den json aus, aber vielleicht fehlt mir eine Art Formatierungseinstellung
public getCourses() {
this._http.get(this.apiUrl).map(response => response.json()).subscribe(data => {
// console.log( data.courses );
this._dataStore.courses = data.courses;
// console.log(this._coursesObserverXX);
this._coursesObserverXX.next(this._dataStore.courses);
}, error => console.log('Could not load courses.'));
}
nd mein ht
<ul class="list-group" *ngFor="#course of courses | async">
{{ course.tile_content }}
</ul>
das Ziel ist es, ngfor nicht als Wrapper auszugeben und die Ausgabe auch als reines HTML anstatt als reiner Text anzuzeigen, wie es zu erscheinen scheint.