如何从ionic2框架警报框获取文本字段值?

时间:2017-02-08 12:59:40

标签: angular ionic2

如何从ionic2框架警报框中获取文本字段值?

alert.html

 <ion-item ('click')="enterPwd();">Admin</ion-item>

alert.ts

enterPwd() { 
    let alert = this.alertCtrl.create({
        title: 'Enter 4 digit PIN',
        inputs: [{name:'PIN',placeholder:'pin',type:'password'}],
        buttons: [{
            text:'Done',
            type:'button-positive',
            handler: data => {
                console.log('Done clicked');
                //pin entered should be displayed in console.. 
            }
        }]
    });
    alert.present();
}

点击某个项目后,系统会调用enterPwd,显示提醒。当用户输入他们的PIN时,我希望它显示在控制台中。

1 个答案:

答案 0 :(得分:0)

您需要设置文本输入的名称并使用它进行访问。 您的输入是:

`inputs:[{name:'PIN',placeholder:'pin',type:'password'}`],

在你的处理程序中,

handler: data => {
                console.log('Done clicked');
               //TO DISPLAY PIN
                console.log(data['PIN']); 
                }