@Routes([
{path: '/', component: loginComponent},
{path: '/login', component: loginComponent},
{path: '/home', component: homeComponent}
])
例如,在homecomponent中,我们有这个
@Routes([
{path: '/addTemplate', component: addTemplateComponent}
}
并且在/home中有一些url(我们放置/home/addtemplate),因为addtemplate在home组件中
我需要知道在RC4版本中如何应用树路由
因为我有我的组件appcomponent,在这个appcomponent里面我有一个菜单,我希望它一直显示,在这个菜单里面(homecomponent),我有另一个路由
这是我的RC4版代码
批准
import { provideRouter,RouterConfig} from '@angular/router';
import {loginComponent} from "../login/login.component";
import {homeComponent} from "../home/home.component";
import {HomeRoutes} from "./RouteHome";
export const routes : RouterConfig = [
...HomeRoutes,
{path: '', component: loginComponent},
{path: 'login', component: loginComponent},
{path: 'home', component: homeComponent}
];
export const APP_ROUTER_PROVIDERS = [
provideRouter(routes)
];
export const HomeRoutes : RouterConfig = [
{path: 'addTemplate', component: addTemplateComponent}];
当我呼叫
this._router.navigate(['addTemplate']);
我只得到没有菜单的addtemplatecomponent(homecomponent)
所以我需要做一些事情,就像我在安格拉2 RC2做的那样,在我有菜单的地方保持一个标题谢谢提前
最佳答案
这主要取决于你在哪里打电话
this._router.navigate(['addTemplate']);
也许你想
this._router.navigate(['/addTemplate']);
或
this._router.navigate(['addTemplate'], {relativeTo: route});
或
this._router.navigate(['../addTemplate'], {relativeTo: route});
关于typescript - 迁移到angular2 RC4路由,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38433579/