Angular ionic2-在警报控制器标题和按钮中显示离子图标

在离子2应用程序中，是否可以在警报控制器中添加离子图标，如下图所示

    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();      

让showAlertCtrl=this.alertCtrl.create({
标题：“+”添加您的信息“，
cssClass:“myCustomCSS”，
讯息:msg,，
EnableBackDropDisclose:false，
按钮：[
{
文本：“”+“确定”，
cssClass:'customAlertBtn'，
处理程序：（数据：任意）=>{
}
},]
});
showAlertCtrl.present（）；

需要在标题和按钮上显示离子图标。可能吗

我也知道我们可以使用modal来实现这一点。但我的首要任务是在警报控制器中检查它

谢谢

---

AK

您应该使用反勾号来解析html：

title: `<ion-icon ios="ios-add" md="md-add"></ion-icon>Add your info`

title:`添加您的信息`

如果您决定使用模式，可以使用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";

---

反应有点晚。我今天试图做到这一点，我做到了：

在app.scss中创建一个css类，并将该类添加到警报选项“cssClass”中

app.scss

.yourClass{
  background-image: url(your-image-url);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;  
}

这些css值可以根据您的需求进行更改

在警报中：

buttons: [
           {
             text: '',
             cssClass: 'yourClass',
             handler: data => {}
          }
        ]

---

据我所知，爱奥尼亚不支持警报中的离子图标。它有一个特性请求：它不工作，我想我们只能使用modal