2016-09-02 4 views
1

経路でrc5を使用しようとしています。angular2 rc5とルーティング経路に一致しない:

ここは私がしたいことです。

  1. ゴー上にNAVとダッシュボードのルートに行くにはログインしたときにページ
  2. にログインします。
  3. ユーザーがナビゲーション内のリンクをクリックすると、コンテンツがAUXルーターに表示されます。ここで

ここに私の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です:私はNAVでモデルのリンクをクリックすると、ここで

<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

関連する問題