In NativeScript mit Angular2 erhalten Element Wert

Question

Ich habe eine Liste, und ich möchte den Wert des Listenelements erhalten.

Der Blick ist wie folgt

<ListView [items]="myItems" (itemTap)="onItemTap($event)"> 
<template let-item="item" let-i="index" let-odd="odd" let-even="even"> 
    <StackLayout [class.odd]="odd" [class.even]="even"> 
     <Label #myFoo id="grocery-list" [text]='"Value is: " + i'></Label> 
    </StackLayout> 
</template> 

In Typoskript ich habe folgendes

import { Component,ViewChild,ElementRef } from "@angular/core"; 
import {topmost} from "ui/frame"; 
import {ListView} from "ui/list-view"; 
export class AppComponent { 

@ViewChild("myFoo") myFooRef: ElementRef; 

    public myItems = []; 
    constructor() { 
      this.myItems.push("1"); 
      this.myItems.push("2"); 
      this.myItems.push("3"); 

    } 

    onItemTap(event){ 

    } 
} 

Ich kann das den Wert

onItemTap(event){ 
    let itemValue = this.myItems[event.index]; 
    console.log(itemValue);  
    } 

Dies tun folgende bekommen wird bekommen der Wert im Array. Aber dies wird nur den Wert im Array zurückgeben.

Wie Sie in der Ansicht sehen können, habe ich die Zeichenfolge Value is an den Wert angehängt.

Wie kann ich also auf die Eigenschaft text des Labels zugreifen, die angezapft wird.

Answer 1

Sie können auf die Ansicht Ihrer Artikelvorlage über args.view zugreifen. Von diesem Punkt an gehe ich davon aus, dass Sie in Ihren Listenelementen einen anderen Text haben werden. Daher ist es wichtig, für jede Marke eindeutige IDs über die Bindung zu erstellen (über den Angular-Index). So können Sie wie folgt vorgehen:

<ListView [items]="myItems" (itemTap)="onItemTap($event)"> 
    <template let-item="item" let-i="index" let-odd="odd" let-even="even"> 
     <StackLayout [class.odd]="odd" [class.even]="even"> 
      <Label [id]="'lbl' + i" [text]='"Value is: " + i'></Label> 
     </StackLayout> 
    </template> 
</ListView> 

und dann in Ihrem onItemTap

public onItemTap(args: ItemEventData) { 
    console.log("Item Tapped at cell index: " + args.index); 
    console.log(args.object); // prints something like ListView(137) 
    console.log(args.view); // prints something like StackLayout(265) 

    var lbl = <Label>args.view.getViewById("lbl" + args.index); 

    console.log(lbl.text); // prints the actual text of the tapped label 
}