离子底纸中的自定义

Question

我正在尝试在底部表格中添加列表，但是ionic给了我们一个数组，因此我们可以在其中添加类并设置其样式。我想问的是我们如何制作列表或完全自己的html代码并将其传递给将仅显示的底页功能？

async presentActionSheet() {
    const actionSheet = await this.actionSheetController.create({
      header: 'Albums',
      buttons: [{
        text: 'Delete',
        role: 'destructive',
        icon: 'trash',
        handler: () => {
          console.log('Delete clicked');
        }
      }, {
        text: 'Share',
        icon: 'share',
        handler: () => {
          console.log('Share clicked');
        }
      }, {
        text: 'Play (open modal)',
        icon: 'arrow-dropright-circle',
        handler: () => {
          console.log('Play clicked');
        }
      }, {
        text: 'Favorite',
        icon: 'heart',
        handler: () => {
          console.log('Favorite clicked');
        }
      }, {
        text: 'Cancel',
        icon: 'close',
        role: 'cancel',
        handler: () => {
          console.log('Cancel clicked');
        }
      }]
    });
    await actionSheet.present();
  }

这是默认的操作表，我想要在DOM中制作它。我在这里找到了类似的问题，没有答案Similar Question URL 。请看看我需要...！What i need

Answer 1

当前操作表不允许您在其中添加html代码。但是，此功能是必需的，您可以在此处查看https://github.com/ionic-team/ionic/issues/16718