角度 Js ui 路由器嵌套视图

Question

示例链接：http://goo.gl/jJBMZL

这里定义了两个状态。 1.家，2.关于

主页有 1 个视图 viewA

about 有 2 个视图 viewA 和 viewB，但 viewB 是 about 页面的子部分。我想在 about.html 页面内而不是在索引页面上显示 viewB。这可能吗。请提供plunkr链接谢谢。

如果有各种视图并且每个视图都有子状态，那么最佳实践是什么

Answer 1

您可以使用 ng-include like as- 在“about.html”中包含您的页面“about-sub-level.html”-

<h1>I am about page</h1>
<div ng-include="'about-sub-level.html'"> </div>

如下更改您的路由-

 .state('about', {
            url: "/about",
            views: {
                "viewA": {
                    templateUrl: "about.html"
                }
            }
        })

希望对你有所帮助..