Я хотел бы иметь элемент ul, а затем в моем json есть HTML, содержащий элементы list (li) с различных сайтов социальных сетей ... когда я помещаю ngfor в элементы списка, это создает несколько ul для каждой из выводимых записей json .. is можно просто вывести каждый из li как обычный html, а не оборачивать их в элемент

маленький образец моего JSON

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

Небольшой пример моего углового сервиса - он отлично работает и выводит json, но, возможно, я пропускаю какие-то настройки форматирования

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

}

и мой HTML

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

цель состоит в том, чтобы не выводить ngfor обертку, а также отображать вывод в виде обычного html, а не открытого текста, как он выглядит