Interface to

Question

にHTTPレスポンスをマッピングできません。Chromeコンソールに次のコードが返されます。ERROR TypeError: t.json(...).map is not a functionng serve -prodとng test --sm=falseは正常に動作します。

結果をInterfaceのモデルにマップし、HTMLで出力したいと考えています。

.... 
export interface UsersData { 
    _id: number; 
    email: string; 
    fullName: string; 
} 
export class RetrieveUsrData { 
    private issuesUrl = 'http://localhost:4000/users'; 
    getUserDetails(): Observable<UsersData[]> { 
     return this.http.get(this.issuesUrl) 
         .map(this.extractData) 
    } 

    extractData(result: Response): UsersData[] { 
     console.log(JSON.stringify(result.json())); 
     return result.json().map(usr => { 
      return { 
       _id: usr.message._id, 
       email: usr.message.email, 
       fullName: usr.message.fullName 
      } 
     }).subscribe(result => result = result); 
    } 
    constructor(private http: Http) {} 
} 
... 

私はいくつかの問題をチェックしています。 mapping a HTTP response to a JSON and then mapping the JSON to a model、とに私のコード/方法を変更：

extractData(result: Response): UsersData[] { 
    return result.json().map(res => ({ 
     _id:res.message._id, 
     email:res.message.email, 
     fullName:res.message.fullName 
    }) as UsersData) 
    .subscribe(result => result = result); ; 
} 

が、私は同じエラーを取得しておきます。

Answer 1

.mapメソッドはオブジェクトではなく配列で使用できます。

あなたのエラーの原因として最も可能性が高いが、あなたがこのような応答があればということである。

{ 
    someKey: [1, 2, 3, 4] 
} 

をあなたが使用する必要があります：

result.json().someKey.map(//... 

そして、あなたも簡単に使用することができる可能性が

return <UsersData[]>result.json().someKey;