angular - 离子 otp 验证问题无法识别 otp
问题描述
otp 无法识别。otp 显示为无效凭据。我正在使用离子警报控制器来获取 otp。后端未识别 otp。它在后端和错误响应中显示为未定义。如何解决这个问题。有没有办法在警报控制器中使用 ngModel 绑定。
html
<div class="floating-label">
<input placeholder="Email" type="email" id="email" name="Email" [(ngModel)]="Email">
<label for="email">Email</label>
<div class="floating-label">
<input placeholder="Mobile" type="Mobile" id="mobileno" name="Mobile" [(ngModel)]="Mobile">
<label for="email">Mobile</label>
<div class="btn-sec">
<button type="submit" (click)="Continue(Mobile,Email)">Continue</button>
</div>
</div>
</div>
.ts
async Continue(Mobile, Email) {
const user = {
Mobile: Mobile,
Email: Email,
}
console.log(Mobile);
console.log(Email);
this.api.SignupUser(user).subscribe(data => {
console.log(data);
});
this.alert1 = await 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: 'ConfirmOTP',
handler: () => {
var user1 = {
Mobile: this.Mobile,
Email: this.Email,
otp: this.otp
};
console.log(user1);
this.api.Verifyotp(user1).subscribe(data => {
console.log(data);
this.data = data;
if (this.data.Msg) {
alert(this.data.Msg);
} else {
this.router.navigate(['/']);
}
});
}
]
}); this.alert1.present();
};
服务.ts
SignupUser(user): Observable <Object> {
console.log(user);
console.log('getting the signup data from user');
return this.http.post < Object > (`${this.base_url}/signup`, user);
}
Verifyotp(user): Observable <Object> {
console.log(user);
console.log('getting all Listing from the server');
return this.http.post < Object > (`${this.base_url}/verifysignupotp`, user);
}
解决方案
推荐阅读
- r - 如何与“参考日期”进行比较,然后在 R 中填充缺失的数据?
- grails - Grails 3.x 渲染动态 *.gsp 模板
- c++ - 我在大学学到的这段 C++ 代码的解释
- python - Numpy 数组值错误,在数组中寻找特定元素
- python - 在 python 中使用“With open”写入另一个目录
- symfony - 未找到错误命令“encore”。(单独的后端 webpack)
- python - 循环遍历包含python中数组的链表
- excel - 如何使用此 IF 语句计算重复行的数量?
- sql-server - 如何动态地仅旋转 1 列,同时将其余列保持在原位
- mysql - SQL:如何将多行添加在一起以生成新行?