<!-- Wrapper-->
<p id="wrapper">
<!-- Navigation -->
<p ng-include="'views/common/navigation.html'"></p>
<!-- Page wraper -->
<!-- ng-class with current state name give you the ability to extended customization your view -->
<p id="page-wrapper" class="gray-bg {{$state.current.name}}" style="padding-bottom: 40px;background: white;">
<!-- Main view -->
<p ui-view></p>
</p>
<!-- End page wrapper-->
</p>
<!-- End wrapper-->
可以看看你的子路由跳转的的链接是如何写的?是按照下面的方式写的吗?
你的state有“.”号,可以认为有嵌套,所以你的路由配置应该如下
HTML
会跳转到main节点是因为你当前的state未找到。而main就被设置为默认路径的原因。
官方示例
在上面的示例中是嵌套视图的应用,楼主可以参考一下。