У меня есть раздел для входа в мое приложение ionic, состоящий из двух разделов: 1. Войдите с помощью otp вместо пароля 2. Войдите в систему с помощью passsword.Это должно быть показано в флажке.Когда я отмечаю этот флажок, поле ввода пароля будет скрыто и нажмете на кнопку входа. Откроется всплывающее окно Otp, оно работает правильно. Моя проблема в том, что, когда я использовал пароль, все еще появляется всплывающее окно, и в моем телефоне появляется otp.Логин с электронной почтой и паролем не работает.
HTML
<div class="floating-label">
<input type="email" placeholder="Email or Mobile" [(ngModel)]="EmailorMobile" name="EmailorMobile" id="EmailorMobile" autocomplete="off" >
<label for="email">Email or Mobile</label>
<div class="floating-label" *ngIf="!checked">
<input type="password" name="Password" [(ngModel)]="Password" placeholder="Password" id="password" autocomplete="off" required="true">
<label for="password">Password</label>
<div class="btn-sec">
<div class="checkbox login-checkbox">
<input id="Checkbox3" name="checked" type="checkbox" [(ngModel)]="checked" />
<label for="Checkbox3">login with OTP instead of password</label>
</div>
</div>
<div class="btn-sec">
<ion-button type="submit" (click)="Login()">Login</ion-button>
<span class=""><a href="forgot-password.html">forgot password</a></span>
</div>
.TS
Login() {
const user= {
EmailorMobile:this.EmailorMobile,
Password:this.Password
}
this.apiService.loginUser(user).subscribe(data=>{
console.log(data);
});
this.alertCtrl.create({
header: 'OTP',
message: 'Please Enter your Otp sent to your Mobile Number',
inputs: [{
name: 'OTP',
value:'OTP',
}],
buttons: [{
text: 'Cancel',
role: 'cancel'
},
{
text: 'Yes',
handler: () => {
this.apiService.loginUser(user).subscribe(data=>{
console.log(data);
});
}
}
]
}).then(alertPresent => {
alertPresent.present();
});
}
[Login[\]\[1\]][1]}