Ionic2 从列表中获取我选择的数据2

我有一个项目列表，我需要得到选定的数据，一旦我点击它 以下是我的清单：

<ion-content class="outer-content" no-border-top>
    <ion-list lines (click)="openSubCat($event,category)">
      <ion-list-header>
        Shop For
      </ion-list-header>
      <ion-item>
        <ion-icon name="man" item-left></ion-icon>
         Men
        <ion-icon item-right ></ion-icon>
        </ion-item>
       <ion-item menuClose>
       <ion-icon name="woman" item-left></ion-icon>
         Women
        <ion-icon  item-right></ion-icon>
      </ion-item>
      <ion-item>
        <ion-icon name="baby" item-left></ion-icon>
          Kids
        <ion-icon  item-right></ion-icon>
      </ion-item>
     </ion-list>
</ion-content>` 

您可以使用hashbang的方式与在jquery中使用${}作为id的方式类似

 <ion-item #menItem (click)="itemClicked(menuItem)>
  ....
 </ion-item>

我认为有一个更好的方法来实现你的目标。最好在代码中将列表创建为对象文本，然后传递给视图以在*ngFor中使用。这使得代码紧凑而复杂，视图简洁而整洁

因此，在页面组件中

categoryArray: Array<any> = [];
....
ionViewDidEnter(){
   this.categoryArray = [{
      value:'Men',
      icon: 'man',
      view:'viewToGoTo'
   },{
      value:'Woman',
      icon: 'woman',
      view:'viewToGoTo'
   },{
      value:'Kids',
      icon: 'baby',
      view:'viewToGoTo'
   }];
} 

然后，单击事件将通过

Object {value: "Men", icon: "man", view: "viewToGoTo"}

这样，在单击事件中，您将获得一个整洁的属性包，这些属性是您需要传递的，并且可以轻松地进行更新和编辑。或者，您可以使用和idx来确定特定的值，如果项目增加了复杂性，这将使它更加通用。以及为类似的管道和过滤器增加*Ng中的凉爽度

 (click)="openSubCat(item.view,idx)"

然后还可以将categoryArray制作成一个接口，然后可以在整个代码库中使用

Object {value: "Men", icon: "man", view: "viewToGoTo"}

 (click)="openSubCat(item.view,idx)"