title: Dynamic tabs in TabView nativescript
body: <p>Is it possible to create tabs dynamically for a tabview in nativescript?</p>
  
  <p>The following example is in the documentation of nativescript</p>
  
  <pre><code>&lt;TabView selectedIndex="0"  (selectedIndexChange)="onIndexChanged($event)" sdkExampleTitle sdkToggleNavButton&gt;
      &lt;StackLayout *tabItem="{title: 'NativeScript'}"&gt;
          &lt;Label text="NativeScript" class="m-15 h2 text-left" color="blue"&gt;&lt;/Label&gt;
          &lt;ScrollView&gt;
              &lt;Label [text]="content" textWrap="true" class="m-15"&gt;&lt;/Label&gt;
          &lt;/ScrollView&gt;
      &lt;/StackLayout&gt;
      &lt;StackLayout *tabItem="{title: 'Icon'}"&gt;
          &lt;Image class="m-t-30 m-b-15" src="res://icon" width="80" height="80"&gt;&lt;/Image&gt;
          &lt;Label text="NativeScript" textWrap="true" class="h2 m-x-auto" color="blue"&gt;&lt;/Label&gt;
      &lt;/StackLayout&gt;
  &lt;/TabView&gt;
  </code></pre>
  
  <p>and it does not allow me to use the ng for since the StackLayout element already has a directive that starts with *</p>