我已经做了数百次,而且都能够如预期地工作,只是这种情况除外。
弹出框如下:
<ion-content style="padding:5px">
<ion-label class="menu-options-link" (click)="doneTask()">Accept New Leads</ion-label>
</ion-content>
弹出框所在页面的外观如下:
<ion-card class="dashboard-widget-layout dashboard-widget">
<ion-card-header class="dashboard-widget-card-header">
<ion-grid>
<ion-row>
<ion-col>
<ion-label class="dashboard-widget-header">New Leads</ion-label>
</ion-col>
<ion-col col-auto>
<ion-icon name="ios-more" style="zoom:1.5"
(点击)="展示选项($event)">
启动ts文件
showOptions(myEvent){
//alert('hey')
var popover = this.leadOptionsPopup.create(LeadOptionsPage, {}, { cssClass: 'options-popover'});
popover.present({
ev: myEvent
});
}
这个应该可以解决,但是弹出框相对于图标的位置有些偏移。