typescript - 如何在警报框离子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();
} 
}

标签： typescriptionic-frameworkionic3

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;
}