UI/template-Modul nicht NativeScript gefunden

Question

Ich halte den folgenden Fehler in Bezug auf die ui/template Modul bekommen:

file:///app/tns_modules/tns-core-modules/ui/builder/builder.js:195:56: JS ERROR Error: Building UI from XML. @file:///app/main-page.xml:38:13 
    > Module 'ui/template' not found for element 'Template'. 
     > Could not find module 'ui/template'. Computed path 

Aus irgendeinem Grund kann ich nicht für den folgenden Code <template> Tag in NativeScript verwenden:

<GridLayout> 

    <ListView items="{{ groceryList }}" itemTemplateProperty="list-group" itemTap="navigateToTasks" separatorColor="white"> 
     <ListView.itemTemplate> 
      <template> 
       <Label text="{{ name }}" class="list-group-item-heading" /> 
      </template> 
      <template> 
       <Label text="{{ grocery }}" class="list-group-item-heading" /> 
      </template> 
     </ListView.itemTemplate> 

    </ListView> 
</GridLayout> 

I bauen das Array wie folgt:

var pageData = new observableModule.fromObject({ 
    groceryList: new ObservableArray([ 
     { name: "Cool" }, 
     { name: "bread" }, 
     { name: "cereal"}, 
     { grocery: "id"} 
      ]) 
}); 

Fo Aus irgendeinem Grund kann ich auch das ui/template-Modul nicht mit aufnehmen, da es nicht gefunden wird. Ich habe versucht, folgende in Main-page.js zu setzen:

var ObservableArray = require("data/observable-array").ObservableArray; 

Aber es funktioniert anscheinend nicht.

Answer 1

Es dauerte eine Weile, um dies herauszufinden, aber sobald Sie mehrere Vorlagen einführen, müssen Sie ListView.itemTemplate ändern s ListView.itemTemplate (dh das ‚s‘ am Ende!)

<GridLayout> 

    <ListView items="{{ groceryList }}" itemTemplateProperty="list-group" itemTap="navigateToTasks" separatorColor="white"> 
     <ListView.itemTemplates> 
      <template> 
       <Label text="{{ name }}" class="list-group-item-heading" /> 
      </template> 
      <template> 
       <Label text="{{ grocery }}" class="list-group-item-heading" /> 
      </template> 
     </ListView.itemTemplates> 

    </ListView> 
</GridLayout>