Oservableのアイテムを取得

Question

私はアンギュラ4で作業し、観察可能な概念を発見します...

私はこのオブジェクトを持っています。

例と return MyObjectない Observableのための私の object.name == 'titi'のプロパティ名を持つオブジェクトを見つけた私は希望

myobjects: Observable<MyObject[]>; 

...

let toto: MyObject; 
toto = this.myobjects.filter((tb: MyObject[], i: number) => { 
       return tb[i].name=== "titi"; 
      }). 
      subscribe((tbs: MyObject[]) => { 
       toto = tbs; 
      }); 

それは可能ですか？ 私は..私は理解していない を見つけることができません:(

Answer 1

ストリームを扱うとき、あなたが可能な場合は副作用を避ける必要があります願っています。クラス変数に再度割り当てる代わりに、あなたはむしろobservableパターンを採用して行う必要があります。

const selectedPers$ = this.personArray$ 
    .map(arr => arr.find(pers => pers.name === 'titi')) 
    .filter(pers => !!pers); 

をそしてあなたのビューでそのような非同期パイプを使用します。必要であれば

<p>The selected person is {{ selectedPers$ | async | json }}</p> 

を例えば名前や人物の年齢、あなたが行う可能性があります表示するには：

<div *ngIf="selectedPers$ | async as selectedPers"> 
    <p>Person's name is: {{ selectedPers.name }}</p> 
    <p>Person's age is: {{ selectedPers.age }}</p> 
</div> 

この方法で、personArray$は新しい価値を発するあなたのたびに、選択したPERSが更新されます。

Answer 2

uは何をすべきかすべてがこのObservableに加入すると、アレイは、その後、uはそのを入れたい値を取得するための配列をフィルタリングしますです。あなたのオブジェクトの値

ここでは簡単な解決策です：

myobjects: Observable<MyObject[]>; 
let toto: MyObject; 
this.myobjects.subscribe(result => 
     let newArray = result.filter(object => object.name === 'titi'); 
     if(newArray.length === 1) 
     this.toto = newArray[0]; 
); 

それはあなたを助けます:)