title: Embed RadDataForm inside RadListView/ListView
body: <p>I need to use the Stepper component from the nativescript-pro-ui, however it is not a standalone component but it needs to be wrapped by RadDataForm.
  What i am trying to do is to loop through a list of available menus returned from a REST api for user to order.</p>
  
  <p>I have created a playground here: <a href="https://play.nativescript.org/?template=play-ng&amp;id=vwvuXt" rel="nofollow noreferrer">https://play.nativescript.org/?template=play-ng&amp;id=vwvuXt</a></p>
  
  <p>As you can see, i bind the [source] of the RadDataForm to individual item from the ListView. However, this way the RadDataForm does not display.</p>
  
  <p>If I change it to use *ngFor, it works. So, what is wrong with the binding with RadDataForm, is there anyway to achieve it?</p>
  
  <p>The template code that use the *ngFor is like this:</p>
  
  <pre><code>&lt;RadDataForm *ngFor="let item of menus" tkExampleTitle tkToggleNavButton [source]="item"&gt;
      &lt;TKEntityProperty tkDataFormProperty name="name" [isReadOnly]="isReadOnly" displayName="Name" index="0"&gt;&lt;/TKEntityProperty&gt;
      &lt;TKEntityProperty tkDataFormProperty name="price" [isReadOnly]="isReadOnly" displayName="Price" index="1"&gt;&lt;/TKEntityProperty&gt;
      &lt;TKEntityProperty tkDataFormProperty name="image" [isReadOnly]="isReadOnly" displayName="Image" index="2"&gt;&lt;/TKEntityProperty&gt;
      &lt;TKEntityProperty tkDataFormProperty name="quantity" displayName="Quantity" index="3"&gt;
          &lt;TKPropertyEditor tkEntityPropertyEditor type="Stepper"&gt;&lt;/TKPropertyEditor&gt;
      &lt;/TKEntityProperty&gt;
  &lt;/RadDataForm&gt;
  </code></pre>