角度 Js UI 路由器嵌套视图

angular Js ui router nested views

本文关键字：嵌套 视图 路由器 UI Js 角度      更新时间：2023-09-26

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

这里定义了两种状态。1. 家 ， 2.大约

首页有 1 视图A

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

如果存在各种视图并且每个视图都有子状态，最佳做法是什么

您可以使用ng-include将页面"about-sub-level.html"包含在"about.html"中，例如-

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

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

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

希望这对您有所帮助。

相关文章：