我有一个设计,
我有很多产品,然后每个产品都有很多子产品。
所以现在在第一个屏幕中,我想显示一个仪表板,它将显示我的所有产品。
单击每个产品时,我想打开一个单独的视图,该视图具有自己的左侧导航栏和详细视图。 这些将是我的主要模块
现在左侧菜单栏中的选项将成为我的子产品。现在单击任何子产品。我想更改我的详细视图。 这些将是我的子模块
如果您自己有,请分享一些示例
提前致谢。
我有一个设计,
我有很多产品,然后每个产品都有很多子产品。
所以现在在第一个屏幕中,我想显示一个仪表板,它将显示我的所有产品。
单击每个产品时,我想打开一个单独的视图,该视图具有自己的左侧导航栏和详细视图。 这些将是我的主要模块
现在左侧菜单栏中的选项将成为我的子产品。现在单击任何子产品。我想更改我的详细视图。 这些将是我的子模块
如果您自己有,请分享一些示例
提前致谢。
BoilerplateJS 支持嵌套上下文。更多信息可在boilerplatejs.org的“产品模块”部分中找到。可以通过在创建嵌套上下文时将父上下文传递给子上下文来创建嵌套上下文。您可以为每个产品创建上下文。在这种情况下,您可以创建模块,这将是您的子产品。拥有这种类型的模块化结构将有助于您维护代码。
可以通过多种方式实现您的要求。
一种方法是按如下方式构建应用程序的 url:
www.myapp.com/index.html#productA/submodule1
www.myapp.com/index.html#productB/submodule1
您可以将菜单实现为一个单独的模块,它将根据您的 URL 的第一部分(productA,productB)更改需要显示的菜单,并且您的子模块可以根据其余部分激活/停用URL 部分的。此方法允许您为页面添加书签,并在触发带有书签的链接时使其处于相同状态。