ボイラープレートzip には、2 つのサブコンポーネント (chartViewPanel と treeViewPanel) を持つサンプル コンポーネント (salesDashBoard) があります。親コンポーネントは、id #tree と #chart を持つ 2 つの div を持つ view.html を定義しますが、サブ コンポーネントはこれに追加されます。これらの 2 つの div でレンダリングされる代わりにビューを表示します。
サブコンポーネントを単に追加するのではなく、特定の DOM 要素にアタッチする方法はありますか (おそらく DomController を使用しますか?)。それは非常に便利です。理想的には、Dom / Url コントローラーの階層が欲しいです。親はイベントをインターセプトし、子が (特定の url / dom イベントのセットに対して) イベントをルーティングするまで、それらを子にルーティングします。 MVVM を備えた単純なコンポーネント。
定義された div の外での UI のレンダリングは実際にはバグであり、現在は修正されています。
はい、サブ ビュー テンプレートを特定の DOM 要素にアタッチできます。はBoiler.ViewTemplate親パラメーターを受け入れ、レンダリングする必要がある DOM 要素を渡す必要があります。
質問の 2 番目の部分については、必要なのは の階層ですcontexts。UI コンポーネントのコントローラー階層を維持できます。すべての UI コンポーネントをサブモジュールに変換するだけです。つまり、各 UI コンポーネントにはmodule.jsファイルがあり、親モジュールの子になります。たとえば、 を見てapplication.js、子モジュールをメソッドでロードする方法を確認してくださいBase.Context.loacChildContexts()。
この概念の詳細については、BoilerplateJS Web サイトの「製品モジュール」セクションを参照してください。