UI /模板模塊沒有找到NativeScript

Question

我不斷收到以下錯誤在問候的UI /模板模塊：

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 

出於某種原因，我無法使用<template>標籤中NativeScript以下代碼：

<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> 

我建立數組如下所示：

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

佛由於某些原因，我也可以不包含ui/template模塊，因爲找不到它。我試圖把主頁page.js中的以下內容：

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

但它顯然不工作。

Answer 1

我花了一段時間來弄清楚這一點，但只要你介紹多種模板，您需要更改ListView.itemTemplate到ListView.itemTemplate 小號（末尾即「S」！）

<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>