更改 Nativescript Listview `onItemTap` 背景颜色？

Question

我有一个ListView：

这是标记：

<ListView   [items]="items " class="list-group" (itemTap)="onItemTap($event)"  >
    <ng-template  let-item="item" let-i="index" let-odd="odd" let-even="even"  >
        <Label [text]='item._name' class="row list-group-item" [id]="'lbl' + i"></Label>
    </ng-template>
</ListView>

但是 - 当我单击一个项目时 - background-color 没有任何反应。 （我希望有一些被窃听的迹象）。

我已经有了这段代码（当我点击时它会执行）

  onItemTap($event)
    {
        var lbl = <Label>$event.view.getViewById("lbl" + $event.index);
        console.log(lbl.text);
    }

顺便说一句

如果是button 而不是label - 我可以做到：

.row:highlighted{
    background-color:#00A3FF;
}

但正如你所见 - 我使用的是 Label。

问题
点击时如何突出显示标签的背景颜色？

Answer 1

如果你愿意，你可以对触摸事件做一些事情

<Label #label (touch)="highlight(label,$event)" text="My Label"></Label>

然后在你的组件类中

highlight(label:Label, $event:TouchGestureEventData){
       if ($event.action === TouchAction.down) {
            label.backgroundColor = // on touch background color
        }
        if ($event.action === TouchAction.cancel || $event.action === TouchAction.up) {
            label.backgroundColor = // on back to original color
        }
}