angularjs - RadListView/ListView 内に RadDataForm を埋め込む

Question

nativescript-pro-ui の Stepper コンポーネントを使用する必要がありますが、これはスタンドアロン コンポーネントではなく、RadDataForm でラップする必要があります。私がやろうとしているのは、REST API から返された利用可能なメニューのリストをループして、ユーザーが注文できるようにすることです。

ここにプレイグラウンドを作成しました: https://play.nativescript.org/?template=play-ng&id=vwvuXt

ご覧のとおり、RadDataForm の [ソース] を ListView の個々の項目にバインドします。ただし、この方法では RadDataForm は表示されません。

*ngFor を使用するように変更すると、機能します。では、RadDataForm とのバインディングの何が問題なのですか?とにかくそれを達成する方法はありますか?

*ngFor を使用するテンプレート コードは次のようになります。

<RadDataForm *ngFor="let item of menus" tkExampleTitle tkToggleNavButton [source]="item">
    <TKEntityProperty tkDataFormProperty name="name" [isReadOnly]="isReadOnly" displayName="Name" index="0"></TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="price" [isReadOnly]="isReadOnly" displayName="Price" index="1"></TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="image" [isReadOnly]="isReadOnly" displayName="Image" index="2"></TKEntityProperty>
    <TKEntityProperty tkDataFormProperty name="quantity" displayName="Quantity" index="3">
        <TKPropertyEditor tkEntityPropertyEditor type="Stepper"></TKPropertyEditor>
    </TKEntityProperty>
</RadDataForm>