script natif avec angulaire ne prenant pas en charge ng-template pour android

Question

Vous souhaitez afficher une vue de liste avec un élément de ligne personnalisée dans Native Script dans une nouvelle page et utiliser Xpour gonfler la vue de liste. Mais ng-template pour List Item n'est pas détecté par le script natif sur mon App.

<ListView id="listView" class="list_group" item="datas" itemTap= "onItemTap($event)"> 
     <ng-template let-item="item"> 
     <StackLayout class="list-group-item"> 
     <Label text="item.name"></Label> 
     </StackLayout>> 
     </ng-template> 
</ListView> 

com.tns.nativescript/Exception

erreur est ui/ng-modèle non trouvé pour l'élément NgTemplate

Answer 1

Ceci est le format pour l'utilisation de modèle dans listView pour NativeScript angulaire .

<ListView [items]="myItems" (itemTap)="onItemTap($event)"> 
    <template let-item="item" let-i="index" let-odd="odd" let-even="even"> 
     <StackLayout [class.odd]="odd" [class.even]="even"> 
      <Label [text]='"index: " + i'></Label> 
      <Label [text]='"[" + item.id +"] " + item.name'></Label> 
     </StackLayout> 
    </template> 
</ListView> 

Alors, essayez modèle, au lieu de ng-modèle

Source: https://docs.nativescript.org/angular/ui/list-view.html