我正在嘗試使用rc5與路由。angular2 rc5和路由無法匹配任何路由:
這是我想要做的。
- 圍棋中去記錄到儀表板的路線與頂部的導航時,登錄頁面
- 。
- 用戶單擊導航中的鏈接,內容顯示在輔助路由器中。
這裏是我的app.routes.ts
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>
這是我的錯誤,當我點擊車型在導航鏈接:
core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Cannot match any routes: 'dashboard/models'
您的路線配置中不包含'home'路線。 –
我刪除了commet html-home在評論中 – Tampa
[routerLink] =「['/ models']」沒有工作 – Tampa