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>