hellow guys,
i have made a checkbox/radio alert by this
let alert = this.alertCtrl.create({
title: 'Are you Sure?',
message: 'A Acknowledgement will be created',
});
this.ServiceCallPriority.forEach(element => {
alert.addInput({
type: 'radio',
label: element.servicecallpriority1,
value: element.id,
name: element.id,
})
});
alert.addButton({
text:'Okay',
handler:()=>{
console.log(value)//<--how can i get checkbox/radio alert value here
}
})
alert.present();
please help
Test tutorial: check console for the value
html code:
<ion-header>
<ion-navbar>
<ion-title>Home</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<h2>Welcome to Ionic!</h2>
<button ion-button (click)="getAlert()">click here</button>
</ion-content>
ts code:
import { Component } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
private testV1:any = [{label:'test', value:0, name:'test'},{label:'test1', value:1, name:'test1'},{label:'test2', value:2, name:'test2'},{label:'test3', value:3, name:'test3'}]
constructor(public navCtrl: NavController, private alertCtrl:AlertController) {
}
getAlert() {
let alert = this.alertCtrl.create({
title: 'Are you Sure?',
message: 'A Acknowledgement will be created',
});
this.testV1.forEach((element) => {
alert.addInput({
type: 'radio',
label: element.label,
value: element.value,
name: element.name
})
})
alert.addButton({
text:'Okay',
handler:(data)=>{
console.log(data)//<--how can i get checkbox/radio alert value here
}
})
alert.present();
}
}