angular Js ui路由器嵌套视图

Question

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

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

home有1个视图a

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

如果有各种视图且每个视图都有子状态

，那么最佳做法是什么

Answer 1

您可以使用ng-include包含您在“about.html”内的'about-sub-level.html'页面，如as -

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

更改您的路由，如下所示 -

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

希望这可以帮到你..