如何将按钮ID传递到离子2中的新页面

Question

所以我正在尝试做一些可能很简单但我无法破解的事情。

在离子2框架中，我想使用navctrl.push将列表中的按钮ID传递到新页面，以便单击的按钮将是我推到的页面的标题。

我的html是这样：

    <ion-item-group>
      <ion-item-divider color="light">B</ion-item-divider>
        <button (click)="dealPage1($event, button)" #button id="Bier 
         Markt" class="button" ion-item >Bier Markt 
          <ion-avatar item-left>
            <img src="https://s3-
             media3.fl.yelpcdn.com/bphoto/SaoAO5b2w35dyG460PGc7Q/ls.jpg">
          </ion-avatar>
        </button>
    </ion-item-group>

我的TS是：

dealPage1(event, button) {
let data = {
  pagetitle: 'Bier Markt',
  id: button.id,
  title: 'Drinks for Two',
  subtitle: 'By One Cocktail, Get One Free',
  image: 'http://notable.ca/wp-content/uploads/2015/06/canada-day-cocktails.jpg'
};
this.navCtrl.push(DealPage, data);
console.log(button.id);}

当前在我的交易页面上，所有字符串都没有问题，但是ID正在通过数字8，而不是我需要" Bier Markt"的字符串。我一直在尝试将其工作过去几个小时，但我无法弄清楚。

任何帮助将不胜感激。

Answer 1

您通过应用离子项目属性将按钮元素更改为离子组件。

我们正在获取项目ref，因此我们需要找到我们的按钮。

尝试使用button._elementRef.nativeElement.id行传递ID。