Я использую Angular 8. Я впервые пытаюсь реализовать сброс пароля для проекта angular8. Я настроил страницы сброса пароля. Я интегрировал mailtrap для отправки электронной почты. => как использовать проверку Пользователь успешно получает сообщение OTP
Forgotpwd.component. html
<form (ngSubmit)="OnSubmit(email_account.value)">
<p>Enter Your Registered Email</p>
<input type="text" #email_account name="email_account">
<button type="submit">Email</button>
</form>
Forgotpwd.component.ts
import { Component, OnInit } from '@angular/core';
import { UserService } from 'src/app/user.service';
@Component({
selector: 'app-forgotpwd',
templateUrl: './forgotpwd.component.html'
})
export class ForgotpwdComponent implements OnInit {
constructor(private resetService:UserService) { }
ngOnInit() {}
OnSubmit(email_account){
this.resetService.ResetAuthentication(email_account).subscribe((data : any)=>{
console.log(data);
},
);
}
}
user.service.ts
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { environment } from 'src/environments/environment';
@Injectable({
providedIn: 'root'
})
export class UserService {
constructor(private http: HttpClient) { }
ResetAuthentication(email_account) {
var data = "restore_type=email&client_id=pnws&email_account=" + email_account;
var headerOptions = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' });
headerOptions.append('Access-Control-Allow-Origin', '*');
return this.http.post(environment.rootUrl + '/restore', data,
{ headers: headerOptions });
}
}