角度@Input変数が観測可能（ライフサイクル）の最新のものではありませんか？

Question

私はいくつかのデータを取得し、それを表示するためにobervable in inputとして他のコンポーネントに送るために、 "genericC"という一般的なコンポーネントを使用しています。

しかし、データを更新する目的でこの汎用コンポーネントにイベントの送信を送信しようとすると、汎用コンポーネントの入力から来るuserId変数がngOnChanges（）メソッド。 いつも聞いて、データの更新を待つ観測可能性を使うのは当てはまりません。

たぶん私はこれが私の前のテキストよりも明らかであろうこと、ホッピングでは、私のコードであるアンギュラ

とデータのライフサイクルについて何かを欠場：

Component A, I want to say, go to update the data via this call : this.uiService.refreshFetchNotify("family"); 

Component GENERIC: 
@Input() userId: string; 
@Input() type: string; 

..... constructor and declarations of variable 

this.refreshFetch$ = this.uiService.refreshFetchChanged().startWith(this.type); 

ngOnChanges(changes: SimpleChanges) { 
    // this.userId ===> is up to date as expected 
} 

this.searchTxt$ = this.searchForm.valueChanges 
     .startWith(null) 
     .combineLatest(this.refreshFetch$) // this.userId just after is NOT UP TO DATE yet 
     .switchMap(([_, refresh]) => { 
      if (this.type === 'family' && refresh === this.type) 
       return this.filterFamiliesUser(
       this.userId 
      ); 
      else() { 
       // something else here 
      } 
     }); 

は、事前にありがとうあなたの助け

編集：この例では、私はそれを汎用コンポーネントと呼んでいますが、私のアプリケーションで今のようにアプリケーションを使用していても、私はサービスを使用します。 @入力コンポーネントに依存する

Answer 1

valueChangesはngOnChangesより前にトリガーされます。

イベントvalueChanges（現在は_にマッピングされています）は、最新の値を持つ必要があります。 this.userIdの代わりにそれを使用してください。 Angular docs：

名前の変更を表示するには、補間バインディングが便利です。 観測可能なフォームコントロールプロパティを購読することは、コンポーネントクラス内でアプリケーションロジックを起動する の場合に便利です。

補間バインディング（例：this.userId）は、表示パスを対象としています。

valueChangesは、制御パス用です。 2つのパスを組み合わせるべきではありません。

いくつかの最適化されていないソリューションもあります。

• あなたはthis.userIdを更新し、あなたの観察可能なチェーンにdoを追加することにより、valueChangesパス上のすべてを行うことができます。
• ngOnChangesパスのすべてを自分の件名を作成し、からvalueChangesに登録しないでnext()に電話すると、すべてを行うことができます。

ただし、最適な解決策は、コントロールパスで値変更イベント自体を使用し、表示専用にthis.userIdを使用することです。