Ionic 3是否从另一个按钮触发Popover?

时间:2018-11-06 05:37:57

标签: angular ionic3

是否可以使用辅助按钮在Ionic 3中触发弹出窗口?

例如,我希望将弹出框绑定到此按钮。

<button ion-button
       (click)="presentPopover($event)">
    BUTTON 1 
</button>

但还想从另一个按钮触发弹出窗口。

<button ion-button icon-only 
       (click)="clicking this fires button 1">
    <ion-icon name="more"></ion-icon>
BUTTON2
</button>

任何想法这怎么可能?

1 个答案:

答案 0 :(得分:1)

点击按钮2

可以模拟按钮1 的点击事件

.html:

<button id="btn1" ion-button (click) = "presentPopover($event)">
    BUTTON 1 
</button>

<button ion-button icon-only (click) = "clickBtn1()">
    <ion-icon name="more"></ion-icon>
    BUTTON2
</button>

.ts:

clickBtn1() {
   document.getElementById('btn1').click(); 
}