Nội dung lỗi phân tích cú pháp trong Angular 2

Question

Tôi muốn hỏi xem làm cách nào tôi có thể phân tích cú pháp nội dung lỗi mà API trả lại cho tôi.

Đây là hình ảnh của sự trở lại API:

Dưới đây là mã của tôi:

login(username,password){ 
     let headers = new Headers(); 
     headers.append('Content-Type','application/json'); 

     return this.http.post(this.configEnvironment.url() + "oauth/access_token", 
      JSON.stringify(
       { 
        username: username, 
        password: password, 
        grant_type: "password", 
        client_id: "xxxxxxx", 
        client_secret: "xxxxxxxx" 
       } 
      ), 
      { headers } 
     ) 
     .map(res => res.json()) 
     .catch((err:any) =>{ 
      console.log(err); 
      return Observable.throw(new Error(err)); 
     }); 

    } 

tôi có thể truy cập vào địa chỉ URL, tình trạng, statusText và vv sử dụng này:

err.status,err,url,error.statusText 

Vấn đề của tôi là tôi không thể có được giá trị của cơ thể lỗi.

Answer 1

catch của bạn thực sự đang nhận được Response. Bạn có thể truy cập thông tin chi tiết của nó với json()

import { Response } from "@angular/http"; 
... 
.catch((err:Response) =>{ 
      let details = err.json().error; 
      console.log(details); 
      return Observable.throw(new Error(details)); 
     }); 

lưu ý: Câu trả lời này là về thư viện @angular/http. Kể từ Angular 5, thư viện này không được dùng nữa để ủng hộ @angular/common/http