So entfernen Sie bestimmte Elemente aus Beobachtbare<Array<alle>>

Es ist ein Beobachten von dem array von Orten:

places: Observable<Array<any>>;

In der Vorlage, die er verwendet, mit dem async-Leitung:

<tr *ngFor="let place of places | async">
  ...
</tr>

Nachdem einige user-Aktionen habe ich entfernen müssen, den Ort mit bestimmten id aus diesem array. Ich habe so etwas wie dies in meinem code, aber es funktioniert nicht:

deletePlace(placeId: number): void {
  this.apiService.deletePlace(placeId)
  .subscribe(
    (res: any) => {
      this.places
        .flatMap((places) => places)
        .filter((place) => place.id != placeId);
    }, 
    (err: any) => console.log(err)
  );    
}

Können Sie mir helfen mit diesem?

InformationsquelleAutor daslashi | 2016-07-04
  1. 20

    Können Sie nicht tun es auf diese Weise, da Sie nicht "update" eine beobachtbare (d.h. es wird nicht halten die Staaten), aber Sie können auf ein Ereignis reagieren, durch Sie.

    Für Ihren Fall, ich würde nutzen Sie die scan Betreiber und Zusammenführen von zwei strömen zu einem einzigen:

    • eine für das Initiale laden
    • weitere für das Ereignis löschen.

    Hier ist ein Beispiel:

    let obs = this.http.get('/data').map(res => res.json());

this.deleteSubject = new Subject();

this.mergedObs = obs.merge(this.deleteSubject)
.startWith([])
.scan((acc, val) => {
  if (val.op && val.op==='delete') {
    var index = acc.findIndex((elt) => elt.id === val.id);
    acc.splice(index, 1);
    return acc;
  } else {
    return acc.concat(val);
  }
});

    Auslösen, ein element löschen, senden Sie einfach eine Veranstaltung zum Thema:

    this.deleteSubject.next({op:'delete', id: '1'});

    Sehen diese plunkr: https://plnkr.co/edit/8bYoyDiwM8pM74BYe8SI?p=preview.

    • Würde gerne sehen, eine aktualisierte Antwort auf diese Frage, versucht, dies herauszufinden, für mehr als einen Tag jetzt.
    InformationsquelleAutor Thierry Templier
  2. 1

    Die filter-Funktion ist unveränderlich und wird sich nicht ändern den ursprünglichen array.

    Ich würde die deletePlace Funktion, so etwas wie dieses:-

    deletePlace(placeId: number):  void {
  this.apiService.deletePlace(placeId)
  .subscribe(
    (res: any) => {
      this.places = this.places.filter((place) => place.id != placeId);
    }, 
    (err: any) => console.log(err)
  );    
}
    InformationsquelleAutor Krishnanunni Jeevan
Schreibe einen Kommentar