javascript - angular2 rc3版本的路由问题
伊谢尔伦
伊谢尔伦 2017-04-11 11:29:39
[JavaScript讨论组]

为什么带有子路由的父路由之间不能相互跳?其他的跳路由时正常。
这是我的代码:

export const MainRoutes:RouterConfig=[
    {path: 'static/setting', component: Setting,children:[
        {path: '', redirectTo: 'network', terminal: true},
        {path: 'network', component: SettingNetwork},
        {path: 'date', component: SettingTimeAndDate},
        {path: 'video', component: SettingVideo}
    ]},
    {path: 'static/deployment', component: Deployment},
    {path: 'static/real_time_results', component: RealTimeResults},
    {path: 'static/whitelists', component: WhiteLists,children:[
        {path: '', redirectTo: 'recognition', terminal: true},
        {path: 'recognition', component: Recognition},
        {path: 'white', component: White},
        {path: 'black', component: Black }
    ]},
]

seedApp html:

<li *ngFor="let menu of menus" [routerLinkActive]="['active']">
    <a class="row nav-list" [routerLink]="[menu.address]">
        <p class="col-xs-8">
            <span class="menu-text">{{menu.name}}</span>
        </p>
        <p class="col-xs-4">
            <i class="glyphicon glyphicon-menu-right"></i>
        </p>
    </a>
</li>

seedApp ts:

private menus=[
        {name:'实时结果',address:'/static/real_time_results'},
        {name:'部署设置',address:'/static/deployment'},
        {name:'白名单',address:'/static/whitelists'},
        {name:'设置',address:'/static/setting'},
    ];

setting html:

<li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['date']">日期和时间</a></li>
<li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['network']">网络</a></li>
<li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['video']">视频</a></li>
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
阿神

routerLink不应该把相对路径以/开头写全吗?

PHPz

angular2,有没有教程,想学来着。

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

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