问在Angular 9中使用hhtp post请求

EN

**user.service.ts**

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';


@Injectable({
  providedIn: 'root'
})
export class UserService {

  constructor(private http: HttpClient) { }

  getUser(): Observable<any> {
    return this.http.get('http://127.0.0.1:8000/basic');
  }
  addUser(form: any): Observable<any> {

    return this.http.post('http://127.0.0.1:8000/insert', form);
  }
}

create-user.component.html
<br><br>
<form #form="ngForm" (submit)="onSubmit(form)">
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" class="form-control" name="name" ngModel placeholder="Enter Name">
    <small id="emailHelp" class="form-text text-muted"></small>
  </div>
  <div class="form-group">
    <label for="email">Email address</label>
    <input type="email" class="form-control" name="email" mgModel aria-describedby="emailHelp"
      placeholder="Enter email">
    <small id="emailHelp" class="form-text text-muted"></small>
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" name="password" ngModel placeholder="Password">
  </div>

  <button type="submit" class="btn btn-primary">Submit</button>
</form>
create-user.component.ts
import { Component, OnInit } from '@angular/core';
import { NgForm } from '@angular/forms';
import { UserService } from '../services/user.service';

@Component({
  selector: 'app-create-user',
  templateUrl: './create-user.component.html',
  styleUrls: ['./create-user.component.css']
})
export class CreateUserComponent implements OnInit {

  constructor(private service: UserService) { }

  ngOnInit(): void {
  }

  onSubmit(form: NgForm) {
    this.service.addUser(form.value).subscribe(
      res => {
        alert('data has been added');
      }
    )
    console.log(form.value);
  }

}