Question

请帮我添加按钮点击离子3中的actionSheet按钮，点击按钮项目我必须打开模态（自定义警报）。这是代码：

    openActionSheet() {
      console.log('opening');
     let actionsheet = this.actionSheetCtrl.create({

     title:"Assign a status to the Request",

     cssClass:'action-sheet-css',
     buttons:[{
     text: 'Collect Documents',
     icon: !this.platform.is('ios') ? 'cog' : null,
      handler: () => {
      }
     },{
     text: 'Reschedule',
      icon: !this.platform.is('ios') ? 'cog' : null,

     handler: function(){
       console.log("reschedule click");
     }
     },{
     text: 'Contact Error',
      icon: !this.platform.is('ios') ? 'cog' : null,
     handler: function(){
     }
     },{
     text: 'Customer Denied',
      icon: !this.platform.is('ios') ? 'cog' : null,
     handler: function(){
     }

    }]

     });
     actionsheet.present();

    }

Answer 1

您只需要在上面的数组中添加另一个按钮项：

 buttons: [
     {
         text: 'Add',
         handler: () => {
           openModal();
         }
       }
   ]

然后单独创建模态弹出窗口的方法：

 openModal(){

 }

注意：请勿像handler: function(){}一样使用平面箭头功能，如上例所示。

Answer 2

单击“动作表”按钮打开模型控制器页面

<强> home.html的

def squash_array(arr):
    tuples = arr.T.reshape(-1, arr.shape[0])
    lookup = sorted(list(set([tuple(a) for a in tuples])))
    out_arr = np.array([lookup.index(tuple(a)) for a in tuples]).reshape(arr.shape[1:][::-1]).T
    return out_arr, lookup

<强> home.ts

<ion-header>
  <ion-navbar>
    <ion-title>
      Action Sheet
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <button ion-button (click)="actionSheet()">ActionSheet</button> 
</ion-content>

我们应该在模型控制器字符串 this.modelController.create（'modelPage'）

中提供一个页面

此代码完美无缺。

Ionic 3- actionsheet按钮点击事件

2 个答案: