angular2 rc5和路由不能匹配任何路由:
我正在尝试将rc5用于路由 这是我想做的angular2 rc5和路由不能匹配任何路由:,angular,Angular,我正在尝试将rc5用于路由 这是我想做的 转到登录页面 登录后,转到顶部有导航的仪表板路线 用户单击导航中的链接,内容显示在辅助路由器中 这是我的app.routes.ts const routeConfig: Routes = [ { path: '', component: LoginComponent}, { path: 'login', component: LoginComponent}, { path: 'dashboard', component: Dashboard
const routeConfig: Routes = [
{ path: '', component: LoginComponent},
{ path: 'login', component: LoginComponent},
{ path: 'dashboard', component: DashboardComponent},
{path: 'models',component: ModelsComponent, outlet:'content'}
];
// - Updated Export
export const routing = RouterModule.forRoot(routeConfig);
以下是仪表板的html:
<div>
<div class="dashhead">
<div class="dashhead-titles">
<h6 class="dashhead-subtitle">Qauntitative Treasury Analytics</h6>
<h3 class="dashhead-title">QTA Model Builder</h3>
</div>
<div class="dashhead-toolbar">
<span class="dashhead-toolbar-divider hidden-xs"></span>
</div>
</div>
<ul class="nav nav-bordered">
<li [class.active]="isCurrentRoute(['models'])"><a [routerLinkActive]="['active']" [routerLink]="['models']">Models</a></li>
<li><a (click)="logout()">Logout</a></li>
</ul>
</div>
<router-outlet name="content"></router-outlet>
你应该试试
routerLink='/home'
而不是:
[routerLink]="['home']"
你应该试试
routerLink='/home'
而不是:
[routerLink]="['home']"
您的路由配置不包含
home
路由。我删除了commet html-home在注释中[routerLink]=“['/models']”无效如果使用默认插座,它是否有效,没有outlet:'content'
?不,它不工作您的路由配置不包含home
路由。我删除了commet html-home在注释中[routerLink]=“['/models']”不工作如果您使用默认的outlet,没有outlet:'content'
?不,它不工作[routerLink]=“['/home']
也应该这样做(虽然你的更简洁)[routerLink]=“['/home']”“也应该这样做(但是你的更简洁)