在Ionic 2中使用数组进行警报

1 回答

• 11

  由于 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();
    }
  }
  

  希望这可以帮助 ：）

  回复于 2024-05-18T13:28:55+08:00