Angular2 - オブザーバブルから送信されたオブジェクト内のプロパティの値を合計します。

Question

service.component.j httpコールからStudentの配列のオブザーバブルを返します。学生オブジェクトは

student.ts観測可能にオブザーバーであるstudentManagement.component.tsで

export class Student { 
    id: number; 
    name: string; 
    age:number; 
} 

service.componnet.js

getStudents(): Observable< Student[]> 

、年齢というプロパティを持っています上記のように、私は学生の年齢を合計したい。私はソース（これは、ID、名前、個人年齢などのページ内の生徒の他の情報も表示する必要があるのであまり好ましくない）にsum（）を入れたり、_studentListから計算したりすることができます。これらの2つの他に、他の方法ですか？

private _studentList:Student[]=[]; 

    .subscribe(
      returnedStudents => { 
       console.log(returnedStudents); 
       this._studentList = returnedStudents; 
      }, 
      erroMsg => this._errorMessage = erroMsg 
     ) 

Answer 1

あなたは合計を返すために観察可能にmapを使用することができます。

getStudents().map(arr => arr.reduce((a, b) => a + b.age, 0)); 

ここでは、内部配列を学生の年齢プロパティの合計に減らします。今我々が持っているものは、年齢の合計を放出するObservable<number>です。

あなたは両方を表示したい場合は、次の

getStudents(): Observable< Student[]> { 
    return this.http.get(/*...*/).share(); 
} 

getAgeSum(): Observable<number> { 
    return this.studentsObservable 
     .map(arr => arr.reduce((a, b) => a + b.age, 0)); 
} 

我々が観察が熱くなり、二回HTTPリクエストをしないように、ここでのシェアを呼び出す必要があります。

Answer 2

学生リストと年齢合計の両方を返すmap関数を使用できます。次のようなものがあります。

studentsObservable.map((students) => { 
    return { 
    ages: this.getAge(students), 
    students: students 
    }; 
});