Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 使用ionic2的警报消息_Angular_Typescript_Ionic2 - Fatal编程技术网

Angular 使用ionic2的警报消息

Angular 使用ionic2的警报消息,angular,typescript,ionic2,Angular,Typescript,Ionic2,当我点击一个注册按钮时,如果我输入所有进入regsuccess页面的字段,我会收到一条消息,如fill all required feild 但我想使用ionic2和typescript显示类似alert的消息 html: 要显示警报,可以使用ionic2中提供的警报组件 以下是显示警报的方式: import { AlertController } from 'ionic-angular'; export class RegistrationComponent{ constructor(p

当我点击一个注册按钮时,如果我输入所有进入regsuccess页面的字段,我会收到一条消息,如fill all required feild

但我想使用ionic2和typescript显示类似alert的消息

html:


要显示警报,可以使用ionic2中提供的警报组件 以下是显示警报的方式:

import { AlertController } from 'ionic-angular';
export class RegistrationComponent{
   constructor(public alertController: AlertController) {
   }
   register(){
     if(!this.registrationForm.valid){
        let alert = this.alertController.create();
        alert.setTitle("Login Failed");
        alert.setSubTitle("Please fill-in all the fields");
        alert.addButton("Okay!");
     }
   }
}
寄存器
**********************************************
从“离子角度”导入{AlertController};//进口警报
控制器
导出类MyComponent{
公共警报Ctrl:AlertController){}
淋浴错误(消息:字符串){
让alert=this.alertCtrl.create({
标题:“错误”,
副标题:msg,,
按钮:[“确定”]
});
alert.present();
}
寄存器(){
如果(!this.registrationForm.valid){
这是一个错误(“输入所有必填字段”);
}否则{
控制台日志(“有效表格”);
}
}
}

有人能帮我吗通过使用toast,我们可以得到弹出消息,但如何在ionic2中使用,我不知道,如果有人知道ionic2中的toast,请给我建议可能的副本
 register(){
    var _this= this;

    // this.submitAttempt = true;

    if(!this.registrationForm.valid){
       _this.regMsg = "enter all required feilds";
    }
    else {
        console.log("success!")
        console.log(this.registrationForm.value);
        _this.navCtrl.setRoot(RegThankyouPage);

    }
import { AlertController } from 'ionic-angular';
export class RegistrationComponent{
   constructor(public alertController: AlertController) {
   }
   register(){
     if(!this.registrationForm.valid){
        let alert = this.alertController.create();
        alert.setTitle("Login Failed");
        alert.setSubTitle("Please fill-in all the fields");
        alert.addButton("Okay!");
     }
   }
}
import { AlertController } from 'ionic-angular'; // import alert controller

export class MyComponent {

  regMsg: string;

  constructor(public alertController: AlertController) {}

  showErrorMsg(msg) {
    let alert = this.alertCtrl.create({
      title: msg,
      subTitle: '10% of battery remaining',
      buttons: ['Dismiss']
    });
    alert.present();
  }

  register(){
    if (!this.registrationForm.valid) {
      this.regMsg = "enter all required feilds";
      console.log("form invalid");
      this.showErrorMsg(this.regMsg);
    } else {
      console.log("Valid form");
    }
  }

}
 <button primary full (click)="register()" >Register</button>


**********************************************

import { AlertController } from 'ionic-angular'; // import alert  
controller

export class MyComponent {


 public alertCtrl: AlertController) {}

  showError(msg : string) {
    let alert = this.alertCtrl.create({
      title: 'Error',
      subTitle: msg,
      buttons: ['OK']
   });
    alert.present();
 }

 register(){
    if (!this.registrationForm.valid) {
          this.showError("enter all required fields");
    } else {
          console.log("Valid form");
   }
 }

}