为什么带有子路由的父路由之间不能相互跳?其他的跳路由时正常。
这是我的代码:
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]">
<div class="col-xs-8">
<span class="menu-text">{{menu.name}}</span>
</div>
<div class="col-xs-4">
<i class="glyphicon glyphicon-menu-right"></i>
</div>
</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>
routerLink不应该把相对路径以/开头写全吗?