(javascript)angular ui-view嵌套路由视图不显示

关于网友提出的“ (javascript)angular ui-view嵌套路由视图不显示
”问题疑问，本网通过在网上对“ (javascript)angular ui-view嵌套路由视图不显示
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (javascript)angular ui-view嵌套路由视图不显示
描述:

[图片]
嵌套路由 写了state 访问list或者edit都被重定向到main 为什么啊？？？ 新手上路 就问一个问题
main的view里面再嵌套一个ui-view 加载list或者edit
为什么访问list或者edit的url重定向到main 还不现实两个子view的内容

---

解决方案1:

会跳转到main节点是因为你当前的state未找到。而main就被设置为默认路径的原因。

$urlRouterProvider.otherwise("/main")

官方示例

在上面的示例中是嵌套视图的应用，楼主可以参考一下。

解决方案2:

你的state有“.”号，可以认为有嵌套，所以你的路由配置应该如下

$stateProvider
        .state('index', {
            abstract: true,//注意
            url: "/index",
            templateUrl: "views/common/content.html"
        })
        .state('index.main', {
            url: "/main",
            templateUrl: "views/main.html",
            data: {pageTitle: '主页'}
        })
        .state('index.manager', {
            url: "/manager",
            templateUrl: "views/manager/index.html",
            controller: 'manager.ctrl',
            data: {pageTitle: '控制台'}
        })
        .state('index.article', {
            url: "/article",
            templateUrl: "views/article/index.html",
            controller: 'article.ctrl',
            data: {pageTitle: '文章管理'}
        });

HTML

解决方案3:

可以看看你的子路由跳转的的链接是如何写的？是按照下面的方式写的吗？

....

以上介绍了“ (javascript)angular ui-view嵌套路由视图不显示”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/3311376.html