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.