如何加载标签中子菜单的内容 ( AngularJS + Bootstrap )

Question

我正在创建一个带有 TAB 和子菜单的页面，如下面的 link 所示我正在使用 ui-router 来实现这一点。

最终 UI 将如下所示：

Home   Order              Report 
          Step 1             Step 1 
          Step 2             Step 2

我可以加载标签内容，但不知道如何加载子菜单内容？

任何建议都会有所帮助。

谢谢

Answer 1

创建一个 dashboard.html 文件并在 dashboard.html 文件中添加 <div ui-view class="ng-scope"></div> 并在 Order.html 文件中添加 <div ui-view class="ng-scope"></div> .

由于您已经创建了三层嵌套，因此在 html 文件的每个层级下应该有 ui-view

How to load content for Sub Menu in Tabs ( AngularJS + Bootstrap )