title: How to use *ngFor in ngb-tabset?
body: <p>How to create tabs dynamically in <code>ngb-tabset</code></p>
  
  <p>Component code</p>
  
  <pre><code> tabs = ['Tab-1','Tab-2'];
  </code></pre>
  
  <p>HTML Code</p>
  
  <pre><code>&lt;ngb-tabset #tabs&gt;
    &lt;ngb-tab *ngFor="let tab of tabs" [title]="tab"&gt;
      &lt;ng-template ngbTabContent&gt;
         Some Data
      &lt;/ng-template&gt;
    &lt;/ngb-tab&gt;
  &lt;/ngb-tabset&gt;
  </code></pre>
  
  <p>I'm getting an error</p>
  
  <pre><code>ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
      at NgForOf.webpackJsonp.../../../common/@angular/common.es5.js.NgForOf.ngOnChanges (common.es5.js:1689)
      at checkAndUpdateDirectiveInline (core.es5.js:10812)
      at checkAndUpdateNodeInline (core.es5.js:12238)
      at checkAndUpdateNode (core.es5.js:12177)
      at debugCheckAndUpdateNode (core.es5.js:12880)
      at debugCheckDirectivesFn (core.es5.js:12821)
      at Object.eval [as updateDirectives] (TabsMatchesComponent.html:14)
      at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:12806)
      at checkAndUpdateView (core.es5.js:12144)
      at callViewAction (core.es5.js:12507)
  </code></pre>