angular2 observables filter jedes Array-Element als Rückgabe an ein Array

Question

Ich habe ein Array von Threads-Objekten mit ID, Titel und einem isBookmarked: boolean.

Ich habe einen Betreff erstellt und möchte ihn abonnieren, um ein Array von Thread-Objekten mit isBookmarked = true zu erhalten.

https://plnkr.co/edit/IFGiM8KoSYW6G0kjGDdY?p=preview

Im Inneren der Dienst habe ich

export class Service { 

    threadlist:Thread[] = [ 
    new Thread(1,'Thread 1',false), 
    new Thread(2,'Thread 2',true), 
    new Thread(3,'Thread 3',false), 
    new Thread(4,'Thread 4',true), 
    new Thread(5,'Thread 5',true), 
    new Thread(6,'Thread 6',false), 
    new Thread(7,'Thread 7',false), 
    ] 

    threadlist$:Subject<Thread[]> = new Subject<Thread[]>() 

update() { 
    this.threadlist$.next(this.threadlist) 
} 

} 

in der Komponente

export class AppComponent implements OnInit { 
localThreadlist:Thread[]; 
localThreadlistFiltered:Thread[]; 
constructor(private _service:Service){} 

ngOnInit():any{ 
    //This updates the view with the full list 
    this._service.threadlist$.subscribe(threadlist => { 
    this.localThreadlist = threadlist; 
    }) 
    //here only if isBookmarked = true 
    this._service.threadlist$ 
    .from(threadlist)//???? 
    .filter(thread => thread.isBookmarked == true) 
    .toArray() 
    .subscribe(threadlist => { 
     this.localThreadlistFiltered = threadlist; 
    }) 
    } 
    update() { 
    this._service.update(); 
    } 
} 

die Instanz-Methode kann ich in der Regel verwenden, um ein Array zu spalten? Gibt es auch einen besseren Weg, es zu tun?

Dank

Answer 1

Sie würden die filter Methode von JavaScript-Array innerhalb des map Betreiber von Observablen nutzen:

this._service.threadlist$ 
    .map((threads) => { 
    return threads.filter((thead) => thread.isBookmarked); 
    }) 
    .subscribe(threadlist => { 
    this.localThreadlistFiltered = threadlist; 
    }); 

dieses plunkr Siehe: https://plnkr.co/edit/COaal3rLHnLJX4QmvkqC?p=preview.