Eu desejo que tenha um elemento ul e, em meu json, tenho html contendo elementos list (li) de vários sites de mídia social. Quando coloco ngfor nos itens da lista, cria vários ul's para cada um dos registros json emitidos. é possível produzir cada um dos li como html simples e não envolvê-los em um elemento

pequena amostra do meu json

{
    "courses": [{
        "tile_id": 0,
        "tile_content": "<li class=\"grid-item horiz-double blog-tile\" data-item-id=\"0\">yrdy<\/li>"
    }],
}

pequena amostra do meu serviço angular - isso funciona perfeitamente e gera o json, mas talvez esteja faltando algum tipo de configuração de formatação

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.'));

}

e meu html

<ul class="list-group" *ngFor="#course of courses | async">
      {{ course.tile_content }}
</ul>

o objetivo é não ter o ngfor como saída para um invólucro e também exibir a saída como html simples em vez de texto sem formatação, como parece sair