Angular 2 - ngfor без упаковки в контейнер

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

небольшой образец моего json

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

небольшой образец моего сервиса angular - это отлично работает и выводит 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, а не открытого текста, поскольку он, кажется, выходит

Ответы

<ul class="list-group" >
  <li *ngFor="let course of courses | async" [outerHtml]="course.tile_content"></li>
</ul>

<ng-container *ngFor="let item of items; let i = index">
  ...
</ng-container>

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

<template ngFor [ngForOf]="courses | async" #course>
  {{ course.tile_content }}
</template>

<ul *ngFor="#elt of elements | async" [innerHTML]="elt.title">
</ul>