findメソッドがRxJsで動作しないObservable

Question

私はangular2アプリケーションでNgRxを使用しています。しかし、私はObservableでfindメソッドを使うのが難しいです。

私のアプリケーションの翻訳は、安心して外部アプリケーションから来ており、NGRXストアにキー値オブジェクトとして格納されています。このオブジェクトには、コードと翻訳変数のキー変数があります。

正しい変換オブジェクトを見つけるためにfindメソッドを実装しようとすると、機能しません。

@Pipe({ 


name: 'translate', 
}) 
export class TranslatePipe implements PipeTransform, OnInit { 

    uiMessages$ = this.sb.uiMessages$; 

    constructor (private sb: AppSandbox) {} 

    transform(value: string, args: any[]): any { 
    return this.uiMessages$.find((uiMessage: UiMessage) => (uiMessage.key === value)).translation; 
    } 

誰かが間違っていることを知っていますか？

おかげ

Answer 1

はuiMessages$が観察されると仮定すると、あなただけのfindがrxjs-演算子であり、rxjs-事業者は、常に観察可能に戻りますよう、.findを使用してオブジェクトを期待することはできません。あなたは何ができるか

は次のとおりです。その後、

transform(value: string, args: any[]): any { 
    return this.uiMessages$ 
     .switchMap((uiMessages: UiMessage[]) => Observable.from(uiMessages)) 
     .find((uiMessage: UiMessage) => (uiMessage.key === value)) 
     .map((uiMessage: UiMessage) => uiMessage.translation); 
} 

、さらにasync -pipeを使用します。

<div>{{'foo' | translate | async}}</div>