javascript - angularjs ui-router 親ページのデータ変更を子ページに通知する方法

Question

親ページのネストされたサブページ (ui-view にも ui-view が内部にあります)

サブページはコンポーネントを使用して記述されているため、親ページのスコープを継承できません

ここで、親はパラメータを渡すことによって子にデータを転送します $state.go('parent.child', {data: $scope.data})

ただし、親のデータが変更されても、子ページはそれを認識せず、変更されません。

親ページのデータ変更を子ページに通知する方法、またはパラメータを渡す他の方法はありますか?

Answer 1

親スコープ$broadcast子页面可以收到，子页面scope$emit親ページを収集可能

Answer 2

これは、ページコンポーネント間のデータ共有の問題と見なす必要があります。私が考える解決策は次のとおりです。

• Angular の内部イベント メカニズムを借用して、子ページは親ページによって公開されたイベントをサブスクライブして変更を加えたり、その逆も同様です。

• 共有データを保存し、それを 2 つのページのコンポーネントにそれぞれ挿入するための共通サービスを実装します

• 有名な redux などのサードパーティの状態ホスト コンテナを使用し、適応には ng-redux を使用します。この 2 つのページは

  action

  を呼び出すことで状態コンテナに保存されている状態を変更します。