javascript - angular ui-view嵌套路由视图不显示
大家讲道理
大家讲道理 2017-04-11 12:08:30
[JavaScript讨论组]


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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
怪我咯

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

<a ui-sref="main.list">....</a>
高洛峰

你的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

<!-- 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-->
PHPz

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

$urlRouterProvider.otherwise("/main")

官方示例

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号