本机脚本错误。在列表模板中找到多个视图

Question

我有这样的ListView

<ListView [items]="groceryList" row="1" class="small-spacing" [class.visible]="listLoaded">
    <template let-item="item" columns="*, auto" >
      <Label [text]="item.name" class="medium-spacing"></Label>      
    </template>
  </ListView>

我想添加图片按钮。所以我只是将 columns="*, auto" 添加到 template 并且 col="0" 用于标签，col="1" 用于我的 Image

 <ListView [items]="groceryList" row="1" class="small-spacing" [class.visible]="listLoaded">
    <template let-item="item" columns="*, auto" >
      <Label [text]="item.name" class="medium-spacing" col="0"></Label>
      <Image src="res://delete" (tap)="delete(item.id)" col="1"></Image>      
    </template>
  </ListView>

在运行一个模拟器之后我收到一个错误：

知道为什么会发生这种情况以及如何解决这个问题吗？

Answer 1

内部只允许一个元素 <template>，你有两个。相反，在 <template> 内添加一个 GridLayout，然后在那里添加元素。

本机脚本错误。在列表模板中找到多个视图

NativeScript error. More than one view found in list template

android

nativescript

angular2-nativescript