2016-09-02 106 views
1

我正在嘗試使用rc5與路由。angular2 rc5和路由無法匹配任何路由:

這是我想要做的。

  1. 圍棋中去記錄到儀表板的路線與頂部的導航時,登錄頁面
  2. 用戶單擊導航中的鏈接,內容顯示在輔助路由器中。

這裏是我的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' 
+0

您的路線配置中不包含'home'路線。 –

+0

我刪除了commet html-home在評論中 – Tampa

+0

[routerLink] =「['/ models']」沒有工作 – Tampa

回答

0

您應該試試

routerLink='/home' 

代替:

[routerLink]="['home']" 
+0

'[routerLink] =「['/ home']」'應該這樣做(儘管你的說法更簡潔) –

+0

此解決方案不起作用 – Tampa