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.

Antworten auf die Frage(6)

Ihre Antwort auf die Frage