Angular2 Nativescript：如何在点击时传递ListView项

我有以下代码：

  <ListView [items]="newsList" (itemTap)="onTap($event)" class="list-group">
    <template let-dataitem="item" let-i="index">
      <GridLayout class="list-group-item">
          <Label [text]="dataitem.title"></Label>
          <Label [text]="dataitem.body"></Label>
       </GridLayout>
    </template>
  </ListView>

关于细节组件，我只是订阅queryParams

this.route.queryParams.subscribe(params => {
   this.data = params['data'];
});

和显示数据。但不显示未定义的

。

---

我做错了什么，以及如何让数据传递。

您声明了

让dataitem=“item”

在模板中，所以声明后您需要监听点击事件：

<ListView [items]="newsList" class="list-group">
    <template let-dataitem="item" let-i="index">
      <GridLayout (tap)="onTap(dataitem)" class="list-group-item">
          <Label [text]="dataitem.title"></Label>
          <Label [text]="dataitem.body"></Label>
      </GridLayout>
   </template>
</ListView>

不确定您的数据结构或详细视图html，但在我的应用程序中，我映射了传递到详细视图的数据的详细信息，例如

this.singleImage=this.route.queryParams.map（params=>params['photo']| |'None'）然后显示为：
忽略-它是数据项，与let项的分配相同
<ListView [items]="newsList" class="list-group">
    <template let-dataitem="item" let-i="index">
      <GridLayout (tap)="onTap(dataitem)" class="list-group-item">
          <Label [text]="dataitem.title"></Label>
          <Label [text]="dataitem.body"></Label>
      </GridLayout>
   </template>
</ListView>