Aurelia：シングルトンビューの静的カスタム要素

Question

シングルトンビューモデルのAureliaアプリケーションがあります。ビューはファイルブラウザと同様で、左側にツリービュー（カスタム要素）があり、右側にリストビューがあります。ビューモデルactivationStrategyはinvokeLifecycleであり、リストビューはルートパラメータに基づいて作成されます。ツリービューには、ノードが展開されたときにAJAX呼び出しが設定されます。ツリーノードはカスタム要素でもあります。ツリー表示は完全にカスタムであり、サードパーティのプラグインは使用しません。

ユーザーが別のルートに移動してから再び同じルートに戻ると、ビューモデルはシングルトンなので保持されます。ただし、ツリービューは、カスタム要素がシングルトンとしてサポートされていないためではありませんでした。

シングルトンのカスタム要素をサポートしていないという理由を理解しています。しかし、同じルートに戻るときに何らかの理由で「静的な」ツリービューを作成するのに最適な方法は何かを知りたいと思います。私が今までに思いついた唯一のことは、完全な（拡張された）ツリー構造を注入された共有状態に保つことです。しかし、ツリービューは何の理由もなくレンダリングする必要があり、ツリー構造がカスタム要素に暗黙的に組み込まれている間に、ツリー構造を作成するための追加されたクラスとロジックでコードが不必要に複雑になるため、

ご了承ください。

Answer 1

私のアプローチは、navigation-skeletonのnav-bar（.page-hostの外）のようなapp.htmlにツリービューのカスタム要素を配置することです。その後、カスタム要素はルートの変更によって再びレンダリングされるべきではありません。

あなたと同じような状況がAurelia docsに書かれているようです。 this tutorialを参照してください。また、チュートリアルから：

router-viewは、Aureliaによって提供され、ルータが現在のルートをレンダリングする場所を示すプレースホルダです。

特殊な状況やルートに基づいてツリービューを変更する必要がある場合は、イベントアグリゲータをツリービューカスタムエレメントで使用して特別なケースを処理できます。このチュートリアルでは、イベントアグリゲータを使用してカスタムエレメントを同期させる方法も示しています（this part参照）。

これが役に立ちます。