角2とRxJS：Observableを返すHTTP呼び出しを変更する方法

Question

この関数を、以下に説明するJSONの変更で動作するように変更するにはどうすればよいですか？

現在の関数はObservable<User[]>を返しますが、新しいJSONでは新しいadminオブジェクトが追加されています。新しい機能は、既存のusersアレイと新しいadminsアレイの両方を正常に観察する必要があります。

getData(): Observable<User[]> { 
    return this.http 
    .get('www.example.com/api/users) 
    .map((r: Response) => r.json().assets.users as User[]); 
} 

JSONは現在2つの配列usersとadminsを返す... /api/users

{ 
"assets": { 
    "users": [ 
     // user objects 
    ] 
} 

から返されました。

{ 
"assets": { 
    "users": [ 
     // array of user objects 
    ], 
    "admins": [ 
     // array of admin objects 
    ] 

} 

私のコードが正しく返さ関連JSONオブジェクトのプロパティを反映し、既に作成したUserとAdminのクラスを持っていることを前提としてください。

Answer 1

さて、あなたはデータを返すために、どのようにいくつかのオプションがあります：

getData(): Observable<User[]> { 
    return this.http 
    .get('www.example.com/api/users') 
    .map((r: Response) => { 
     const assets = r.json().assets; 
     return { 
      users: assets.users as User[], 
      admins: assets.admins as Admin[] 
     } 
    }); 
} 

またはこのような：

getData(): Observable<User[]> { 
    return this.http 
    .get('www.example.com/api/users') 
    .map((r: Response) => { 
     return [ 
      assets.users as User[], 
      assets.admins as Admin[] 
     ] 
    }); 
} 

またはこのような：

getData(): Observable<User[]> { 
    return this.http 
    .get('www.example.com/api/users') 
    .map((r: Response) => { 
     return [ 
      ...assets.users as User[], 
      ...assets.admins as Admin[] 
     ] 
    }); 
} 

Answer 2

あなたがしたい場合は同じ配列のユーザーと管理者の両方を返すと、次のコードでそのトリックが行われます。

結果は等しくなる

{ 
"assets": { 
    "users": [ 
     { "name": "bob" }, { "name": "john" } 
    ], 
    "admins": [ 
     { "name": "jill" }, { "name": "donald" } 
    ] 

} 

に：次のデータで

getData(): Observable<User[]> { 
    return this.http 
    .get('www.example.com/api/users) 
    .map((r: Response) => { 
     var results = r.json(); 
     return results.assets.users.concat(results.assets.admins); 
    } 
} 

[ { "name": "bob" }, { "name": "john" }, { "name": "jill" }, { "name": "donald" } ] 

としては@Maximusの答えのための私のコメントで説明し、.map()はに配列を変換するために使用されますあなたが探している配列を教えてくれる機能を.map()に与える必要があるのは、新しいものです。