javascript - Angular UI-router 深度路由

Question

From the UI-router Doc ，它表示对于每个状态，您可以设置多个 View 并为每个状态提供不同的模板和 Controller 。因此，对于我的示例，假设我提供了一个如下所示的状态

.state('eventmenu.home', {
     url: "/home",
     views: {
       'menuContent':{templateUrl:"home.html"},
       'menulist' :{templateUrl: "list.html" }
     }})

因此，对于 View ，我如何能够从那里分离出来并为每个 View 设置一个单独的嵌套状态。这样我的 menulist 可以有多个 View ，我的 menuContent 也可以，但两者相互独立。

I have a codepen设置了一个创建了内容和菜单 View 的基本样板后，我就陷入了下一部分。有任何想法吗？任何帮助表示赞赏。

Answer 1

抱歉，这可能不是答案，但我是这个论坛的新人，声誉较低，尚无法发表评论。

考虑一下您是否真的需要国家来做到这一点。也许您最好使用指令来拆分 menuContent 和 menuList。使用状态来划分页面的各个部分有点令人困惑和困惑。如果您使用指令，您仍然可以通过 ng-controller=""将自己的 Controller 嵌入到 html 中。