Ionic 2中的陣列警報

Question

如何使用陣列填充警報列表。例如，如果數組有一堆名稱。

array = [john，dixy，tom，jared];

我想彈出警告並顯示這些名稱，以便從中進行選擇。 我正在使用離子型2.

Answer 1

由於alert是通過使用帶有選項的對象創建的，所以我們可以使用該對象創建帶有數組名稱的單選按鈕。

import { Component } from "@angular/core"; 
import { AlertController } from "ionic-angular/index"; 

@Component({ 
    templateUrl:"home.html" 
}) 
export class HomePage { 

    private names: Array<string>; 

    constructor(private alertCtrl: AlertController) { 
    this.names = [ 'john', 'dixy', 'tom', 'jared']; 
    } 

    presentConfirm() { 

    // Object with options used to create the alert 
    var options = { 
     title: 'Choose the name', 
     message: 'Which name do you like?', 
     buttons: [ 
     { 
      text: 'Cancel', 
      role: 'cancel', 
      handler:() => { 
      console.log('Cancel clicked'); 
      } 
     }, 
     { 
      text: 'Ok', 
      handler: data => { 
      console.log(data); 
      } 
     } 
     ] 
    }; 

    options.inputs = []; 

    // Now we add the radio buttons 
    for(let i=0; i< this.names.length; i++) { 
     options.inputs.push({ name : 'options', value: this.names[i], label: this.names[i], type: 'radio' }); 
    } 

    // Create the alert with the options 
    let alert = this.alertCtrl.create(options); 
    alert.present(); 
    } 
} 

希望這有助於:)