Is it possible to disable buttons of ActionsheetController. Can anyone tell me what property to use and how can I use it


#1
extraContentAction() {
    let actionSheet = this.actionSheetCtrl.create({
      buttons: [
        {
          text: 'Summary',
          handler: () => {
            console.log('All modules selected');
          }
        },
        {
          text: 'Content',
          handler: () => {
            console.log('completed module selected');
            this.navCtrl.push(ContentPage, {

            });
          }
        },
        {
          text: 'Questions',
          handler: () => {
            console.log('Current module selected');
          }
        },
        {
          text: 'Review',
          handler: () => {
            console.log('Current module selected');
          }
        },
        {
          text: 'Resources',
          handler: () => {
            console.log('Current module selected');
          }
        },
        {
          text: 'Evaluate',
          handler: () => {
            console.log('Current module selected');
            this.navCtrl.push(EvaluationPage, {

            });
          }
        },
        {
          text: 'Exit',
          role: 'cancel',
          cssClass: 'ModuleActionClass',
          handler: () => {
            console.log('apply the changes');
          }
        }
      ]
    });
    actionSheet.present();
  }

#2

There is no general property for this! However, just like you did for your last button you can add a custom cssClass to the buttons that should be disabled to style it like a disabled button.

Then either disable the user input directly or add an early return; to your handler of the disabled button!