Угловой запрос на вход

Question

Я новичок в Angular и хочу создать логин. Но я не знаю, как сделать запрос на вход. Я искал похожий вопрос, но нашел только старые. Спасибо за помощь

Моя форма:

 <form [formGroup]="firstFormGroup" (submit)="firstForm()" class="formLogin">
  <mat-form-field class="formFieldName">
    <input matInput placeholder="name" type="text" formControlName="name">
    <mat-icon matSuffix>person</mat-icon>
  </mat-form-field>

  <mat-form-field>
    <input matInput placeholder="password" type="password" formControlName="password">
    <mat-icon matSuffix>lock</mat-icon>

  </mat-form-field>
  <div>
    <button mat-raised-button color="primary" type="submit" class="loginButton">Log in</button>
    <div>
      <mat-icon class="iconHelp">help_outline</mat-icon>
    </div>
  </div>
</form>

Logincomponent.ts

 firstForm() {
     if (this.firstFormGroup.valid) {
        console.log(this.firstFormGroup.value);
        console.log(this.loginUserData);
     } else {
         this.snackbar.open('Error!', null, {duration: 3000});
     }
 }

Услуги:

constructor(private http: HttpClient) { }
sendData(user: any) {
    this.http.post('https://.../token', user, {withCredentials: true});
}

С наилучшими пожеланиями, Лари

Answer 1

Попробуйте это.

В обслуживании

sendData(user: any)  {
    return this.http.post('https://.../token', user);
}

Logincomponent.ts

constructor(private serviceName:ServiceName){}

firstForm() {
   if (this.firstFormGroup.invalid) {
      this.snackbar.open('Error!', null, {duration: 3000});
      return;
   } 
   this.serviceName.sendData(this.firstFormGroup.getRawValue())
   .subscribe((response: any) => {
       console.log("On response");
   },error => {
       console.log("On error");
   })
 }