Question

我有一个设计，

我有很多产品，然后每个产品都有很多子产品。

所以现在在第一个屏幕中，我想显示一个显示我所有产品的仪表板。

单击每个产品，我想打开一个单独的视图，并带有自己的左侧导航栏和详细视图。 这些将是我的主要模块

现在左侧菜单栏中的选项将是我的子产品。现在点击任何子产品。我想改变我的详细视图。 这些将是我的子模块

如果你有自己的话，请分享一些示例

提前致谢。

Answer 1

BoilerplateJS支持嵌套上下文。有关详细信息，请参阅boilerplatejs.org中“产品模块”部分。可以通过在创建父上下文时将父上下文传递给子上下文来创建嵌套上下文。您可以为每个产品创建上下文。在这种情况下，您可以创建模块，这将是您的子产品。拥有这种模块化结构可以帮助您维护代码。

实施您的要求可以通过多种方式完成。

一种方法是按如下方式构建应用程序的URL：

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

您可以将菜单实现为单独的模块，它将根据您网址的第一部分（productA，productB）更改需要显示的菜单，并且可以根据您的子模块激活/取消激活子模块到URL部分的其余部分。此方法允许您为页面添加书签，并在触发书签链接时将其置于相同状态。