Angular 使用ionic2的警报消息
当我点击一个注册按钮时,如果我输入所有进入regsuccess页面的字段,我会收到一条消息,如fill all required feild 但我想使用ionic2和typescript显示类似alert的消息 html: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
要显示警报,可以使用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");
}
}
}