как добавить список в окно оповещения ionic 2

Question

это список

export class Abc{
    list:string[];

    constructor(private alertCtrl: AlertController,public navCtrl: 
          NavController,public navParams:NavParams) 
    {
        this.list=this.navParams.get('list');
    }

это моя функция, в которой я хочу показать список в окне предупреждения. Не только названия элементов, но также есть миниатюра и цена.

backtocart(){
    let alert = this.alertCtrl.create({
       title: 'Low battery',
       subTitle: '10% of battery remaining',
       buttons: ['Dismiss']
    });
    alert.present();
} 
}

Answer 1

Вы можете добавить список в окно оповещения следующим образом,

export class Abc{
  listItems: Array<any> = [];

  backtocart(){    
    this.listItems = [];

    for (let item of this.list) {
      let li = new ListItem;
      li.name = item.name;
      li.thumbnail = item.thumbnail;
      li.price = item.price;
      this.listItems.push(li);
    }

    let alert = this.alertCtrl.create({
      title: 'Low battery',
      subTitle: '10% of battery remaining',
      buttons: this.listItems
    });
    alert.present();
  }
}


class ListItem {
  name: string;
  thumbnail: any;
  price: string;
}

Answer 2

Если вы решите использовать модал, вы можете сделать его похожим на предупреждение с помощью 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";