2016-10-25 3 views
0

で見つかった複数のビューは、私はそのようなリストビューNativeScriptエラーです。リストテンプレート

私がイメージボタンを追加したい
<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> 

を持っていました。だから私はちょうど私がエラーを取得していますエミュレータを実行した後、私の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> 

templatecolumns="*, auto"col="0"ラベルへとcol="1"を追加しました:

enter image description here

を任意の考え、なぜそれが起こっているとそれを修正する方法は?

+1

メインコンテナの 'StackLayout'または' GridLayout'を 'ListView'テンプレートの中に追加し、' Layout'の中に 'Image'と' Label'を追加する必要があります。たとえば、 '<ラベル[テキスト] = "item.name"クラス= "中間隔"> <画像src = "res://削除"(タップ)= "削除(item.id)"> ' –

+0

@NikolayTsonevは' template'を取り出すべきですか? – sreginogemoh

+0

'template'を削除する必要はありません。その中にレイアウトを追加する必要があります –

答えて

3

ただ1つの要素が宿内に許可されています<template>、あなたは2つあります。 代わりに<template>の内側に1つのGridLayoutを追加してから、そこに要素を追加します。

関連する問題