ionic2 - 在警报控制器 Headers 和按钮中显示ion-icon-Java 学习之路

在离子2应用程序中，可以在警报控制器中添加 ion-icon ，如下所示

let showAlertCtrl = this.alertCtrl.create({
  title: '<ion-icon ios="ios-add" md="md-add"></ion-icon>' +'Add your info',
  cssClass: 'myCustomCSS',
  message: msg,
  enableBackdropDismiss: false,
  buttons: [
    {
      text: '<ion-icon ios="iOS-search" md="md-add"></ion-icon>' +' Ok',
      cssClass: 'customAlertBtn',
      handler: (data: any) => {

      }
    },]
});

showAlertCtrl.present();

需要在 Headers 和按钮上显示 ion-icon 图像 . 那可能吗？

我也知道我们可以使用模态来实现这一目标 . 但我首先要在警报控制器中检查它 .

谢谢AK

2 回答

0
你应该使用反引号来解析html：
```
title: `<ion-icon ios="ios-add" md="md-add"></ion-icon>Add your info`
```
回复于 2024-05-05T23:17:22+08:00

如果您决定使用模态，则可以使其看起来像带有css的警报 . 例如：

var z: any = document.getElementsByTagName("ion-modal");
    z[0].style.background = "rgba(0,0,0,0.8)";
    z[0].style.padding = "36px";
    z[0].style.paddingTop = "150px";
    z[0].style.paddingBottom = "226px";
    z[0].childNodes[1].style.borderRadius = "6px";

回复于 2024-05-05T23:17:22+08:00

ionic2 - 在警报控制器 Headers 和按钮中显示ion-icon

2 回答

相关问题