Observablesを使用し、角型アプリケーションの配列リストをフィルタリングする

Question

Angular型アプリケーションでObservableを使用していて、期待どおりに動作しています。しかし、私はちょっと混乱している状況に遭遇しています。一つの成分で、私は成功し、観察に加入していますし、このように、結果をフィルタリング：

this.clientsService.getAll() 
    .subscribe(resRecordsData => { 
     this.records = resRecordsData; 
     this.inactiveRecords = this.records.filter(record => record.category && record.category.includes('inactive')); 
     this.records = this.inactiveRecords; 
    }, 
    responseRecordsError => this.errorMsg = responseRecordsError); 

をしかし、別のコンポーネントでは、私はほぼ同じことをやっている間、私が印刷されたエラーを取得していますコンソール読み：

例外：

012：_this.records.filterは、そのコンポーネントがどのように見えるこの何の機能

ではありません

第2の場合の問題は何ですか？なぜ最初のケースではなく、そこにエラーが表示されますか？

Answer 1

あなたは

this.clientsService.getAll() 
    .filter(record => record.category && record.category.includes('inactive')) 
    .subscribe(
     resRecordsData => { 
      this.records = resRecordsData; 
     }, 
     err => this.errorMsg = err 
    ); 

をサブスクライブする前に、私は参照を取る、角度がRxJSを使用しています信じてフィルタリングしていないではないのはなぜかもしれない最初のケースで

http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-filter

Answer 2

それが原因で非同期な性質のものであり、あなたは

this.clientService.getByCategory('consulting', 1, this.pagesize) 
    .skipWhile(data => { 
     if(data.length) { 
      return false; 
     } 
    }) 
    .subscribe(resRecordsData => { 
     this.records = resRecordsData; 
     this.OTRecords = this.records.filter(record => record.type && record.type.includes('OT')); 

    }, 
    ((responseRecordsError) => {this.errorMsg = responseRecordsError}); 

ノートにskipWhile演算子を使用することができます。this.records=[];が

更新インスタンス化されていることを確認してください： あなたは、サブスクリプション内this.records=this.OTRecords;を割り当てるべきではないの理由あなたは未定義のエラーを持っています。フィルタエレメントは複数のオブジェクト（配列）を含有するが、後者の場合には