时间戳

首页 > 解决方案 > 角度登录请求

angular - 角度登录请求

问题描述

我是 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>

登录组件.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});
}

最好的问候拉里

标签： angularrequestangular7

解决方案

尝试这个。

在役

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

登录组件.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");
   })
 }

推荐阅读