Angular 6: Обновление POST-запроса от Http до HttpClient - PullRequest
Новая
       18

Angular 6: Обновление POST-запроса от Http до HttpClient

0 голосов
/ 10 января 2019

Я обновляю свое Angular Application с Angular 4 до 6, что означает, что я заменяю Http на HttpClient. Запрос POST с Angular 4 работал отлично, но у меня возникают проблемы с Angular 6.

api.service.ts 

import { Injectable } from '@angular/core';
import { environment } from '../environments/environment';
import { map, catchError } from 'rxjs/operators';
import { throwError, Observable } from 'rxjs';
import { HttpClient } from '@angular/common/http';

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

  constructor(
    private http: HttpClient
  ) { }

    post(path: string, body: any): Observable<any> {
    const url = environment.api_url + '/' + path;
    return this.http.post(url,
      body
    )
    .pipe(map((res: Response) => res.json()), catchError((error: Response) => throwError(error.json())));
    }
}

app.component.ts 

public sendEnquiry() {
    this.sendingEnquiry = true;
    if (
        this.enquiry.college.length > 0 &&
        this.enquiry.university.length > 0 &&
        this.enquiry.official_email.length > 0 &&
        this.enquiry.official_person.length > 0 &&
        this.enquiry.user_name.length > 0 &&
        this.enquiry.user_email.length > 0 &&
        this.enquiry.user_type.length > 0
      ) {
      this.apiService.post('univinks/college_enquiry', this.enquiry)
      .subscribe( (res) => {
        console.log(res.message);
        this.showSuccessToast(res.message);
        this.sendingEnquiry = false;
        this.router.navigate(['']);
      }, (err) => {
        console.log(err);
        this.showErrorToast('Some error occurred. Enquiry not sent');
        this.sendingEnquiry = false;
      });
    } else {
      this.showErrorToast('Incomplete Enquiry Form');
      this.sendingEnquiry = false;
    }
  }

Это работает нормально и по назначению отправляет пользователю электронное письмо с подробностями запроса. Проблема в том, что он показывает ошибку toast «Произошла какая-то ошибка. Запрос не отправлен» вместо того, чтобы показывать тост успеха и переходить к домашнему маршруту ''. Что мне здесь не хватает?

...