我們如何在boilerplate.js中創建子模塊

Question

我有一個設計，

哪裏我有很多產品，然後每個產品都有很多子產品。

所以現在在第一個屏幕中我想顯示一個儀表板，它將顯示我的所有產品。

點擊每個產品我想打開一個單獨的視圖與自己的左側導航欄和詳細視圖。 這些將是我的主要模塊

現在左側菜單欄中的選項將是我的子產品。現在點擊任何子產品。我想改變我的詳細視圖。 這將是我的子模塊

請分享一些樣品例如，如果你有自己提前

感謝。

Answer 1

BoilerplateJS支持嵌套上下文。有關更多信息，請參閱boilerplatejs.org的「產品模塊」部分。嵌套的上下文可以通過在創建它時將父上下文傳遞給子上下文來創建。您可以爲每個產品創建一個上下文。在這種情況下，您可以創建模塊，這將是您的子產品。擁有這種類型的模塊化結構可以幫助您維護代碼。

以多種方式實現您的需求。

方法之一是構建應用程序的網址如下：

www.myapp.com/index.html#productA/submodule1 
www.myapp.com/index.html#productB/submodule1 

您可以實現菜單作爲一個單獨的模塊，它會改變，需要根據第一部分顯示的菜單（productA，productB），您的子模塊可以根據URL部分的其餘部分來激活/取消激活。此方法可讓您爲頁面添加書籤，並在觸發書籤鏈接時使其處於相同狀態。