Блог

У меня есть 8 простых полей ввода в моей форме. Я хочу отправить данные в серверную часть через API, используя метод POST.

У меня есть пара файлов ts.

1. Register.ts

    export class User {
        public EmployeeName: string;
        public EmployeeID: string;
        public Department: string;
        public Location: string;
        public PhoneNumber: string;
        public Email: string;
   }
    

2. Регистрация.Service.ts

    postUser() {             
       return this.http.post(`${this.apiUrl}/userdata`,  Register,this.httpOptions).toPromise().then((data: any) => {
         console.log(data);
         this.json = JSON.stringify(data.json);
       })
   }
    

3. Регистр.компонент.ts

    return this.httpService.postUser().then(data => {
        console.log(data);
   });
    

Я не получаю никаких ошибок, и при этом ничего не происходит. Пожалуйста, поправьте меня.

HTML-код

 <form  #userForm (ngSubmit)="Submit()" >
    <mat-form-field appearance="outline">
                   <mat-label>Employee Name</mat-label>
                   <input matInput placeholder="Employee Name" required>
                </mat-form-field>
 

Если вы используете Chrome, вы можете проверить вкладку сеть в инструментах разработчика, чтобы увидеть ответ на запрос post (https://developers.google.com/web/tools/chrome-devtools/network/reference ) или же вы можете попытаться поместить catch, чтобы увидеть, возвращается ли исключение.

 return this.httpService.postUser()
.then(data => {console.log(data);})
.catch(err=>console.log(err));