title: Angular 2 - ngfor without wrapping in a container
body: <p>I wish the have a ul element and then in my json I have html containing list (li) elements from various social media sites.. when I put ngfor on the list items is creates multiple ul's for each of the outputted json records.. is it possible just to output each of the li's as plain html and not wrap them in an element</p>
  
  <p>small sample of my json </p>
  
  <pre class="lang-json prettyprint-override"><code>{
      "courses": [{
          "tile_id": 0,
          "tile_content": "&lt;li class=\"grid-item horiz-double blog-tile\" data-item-id=\"0\"&gt;yrdy&lt;\/li&gt;"
      }],
  }
  </code></pre>
  
  <p>small sample of my angular service - this works perfectly and outputs the json but maybe im missing some kind of formatting setting </p>
  
  <pre class="lang-js prettyprint-override"><code>public getCourses() {
  
      this._http.get(this.apiUrl).map(response =&gt; response.json()).subscribe(data =&gt; {
          // console.log( data.courses );
          this._dataStore.courses = data.courses;
  
          // console.log(this._coursesObserverXX);
  
          this._coursesObserverXX.next(this._dataStore.courses);
  
      }, error =&gt; console.log('Could not load courses.'));
  
  }
  </code></pre>
  
  <p>and my html </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul class="list-group" *ngFor="#course of courses | async"&gt;
        {{ course.tile_content }}
  &lt;/ul&gt;
  </code></pre>
  
  <p>the goal is to not have the ngfor output a wrapper and also to display the output as plain html rather than plaintext as it appears to come out</p>