返されたデータをngOnInitでフィルタリングしました

Question

私のcomponent.tsには、サービスからデータを返し、myPostsオブジェクトに保存する関数があります。この関数はgetData（）と呼ばれます。 私がやってみたいのは、ngOnInit（）でgetDataを呼び出す前に、最初にgetDataを日付でフィルタリングすることです。

最初は私のテーブルにすべての月の投稿が表示されます。 そして、別の関数の日付を変更し、さまざまな範囲でフィルタを適用できるはずです。

マイフィルタ機能はコントローラにあります。 最初にそのデータがngOnInitでフィルタリングされるように、データを取得した後でフィルタ関数を呼び出すにはどうすればよいですか？

public getData() { 
this.postsService.getAllPosts().subscribe(results => { 
    this.myPosts= results['data'];  
}); 
} 

filterByDate(){ 
    const monthAgo= moment().subtract(1, 'month'); 
    this.myPosts= this.myPosts.filter(item => moment(item.SubmittedDate).isAfter(monthAgo)); 
} 

Answer 1

コンストラクタでgetData()メソッドを呼び出し、その関数を使用し

public getData() { 
this.postsService.getAllPosts().subscribe(results => { 
    this.myPosts= this.filterByDate(results['data']);  
}); 
} 

Answer 2

、あなたのOnInit機能で

filterByDate(myPosts){ 
    const monthAgo= moment().subtract(1, 'month'); 
    return myPosts.filter(item => moment(item.SubmittedDate).isAfter(monthAgo)); 
} 

をフィルタリングして、以下のようにデータを割り当てるための方法を作成し、 ngOnInItのフィルタ機能filterByDate()を使用します。

export class SomeClass implements OnInIt { 
     public getData() { 
     this.postsService.getAllPosts().subscribe(results => { 
      this.myPosts = this.filterByDate(results['data']); 
     });    
     } 
     public filterByDate(myPosts){ 
      const monthAgo = moment().subtract(1, 'month'); 
      return myPosts.filter(item => 
      moment(item.SubmittedDate).isAfter(monthAgo)); 
     } 
     constructor() { 
     this.posts = this.getData(); 
     } 
     ngOnInIt() { 
     this.filterPosts = this.filterByDate(posts); 
     } 
    }