NativeScript错误.在列表模板中找到多个视图

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

只有一个元素允许innside <template>,你有两个.在内部添加一个GridLayout <template>,然后在那里添加元素.