routerLinkとqueryParamsで構築されたリンクをクリックしても何も起こりませんか？

Question

私はAngular 4.0.0 SPAにいくつかのナビゲーションリンクを用意しています。私は、彼らが正しいに見えるこれらのリンク上にカーソルを移動した場合

<!-- MONTH --> 
    <li class="right"> 
    <a [routerLink]="[]" [class.active]="insights.interval===2" queryParamsHandling="merge" [queryParams]="{range: 'MONTH'}"> 
     <span>M<strong>MONTH</strong></span> 
    </a> 
    </li> 

    <!-- WEEK --> 
    <li class="right"> 
    <a [routerLink]="[]" [class.active]="insights.interval===1" queryParamsHandling="merge" [queryParams]="{range: 'WEEK'}"> 
     <span>W<strong>WEEK</strong></span> 
    </a> 
    </li> 

：私はこのようにそれらを構築するよ、私はそれらをクリックしたときに

/insights/brand/5889cdfea7eb8f0e7c56bc9f?range=MONTH 
/insights/brand/5889cdfea7eb8f0e7c56bc9f?range=WEEK 

しかし、何も起こりません。コンポーネントに設定されているブレークポイントはありません。

どのようにルータをデバッグして、何も起こっていないのを理解できますか？

ここには何も通っていませんか？

@NgModule({ 
    imports: [ 
    RouterModule.forChild([ 
     { 
     path: 'insights', 
     component: InsightsComponent, 
     canActivate: [User], 
     children: [ 
      { 
      path: 'brand/:id', 
      component: InsightsBrandComponent 
      }, 
      { 
      path: 'brand-item/:id', 
      component: InsightsBrandItemComponent 
      }, 
      { 
      path: 'item/:id', 
      component: InsightsItemComponent 
      }, 
      { 
      path: 'venue/:id', 
      component: InsightsVenueComponent 
      } 
     ] 
     } 
    ]) 
    ], 
    exports: [RouterModule] 
}) 
export class InsightsRoutingModule { } 

[編集]

ここでは、ルータのデバッグです：あなたは何を見ることができます

Answer 1

一つの方法を、それが重要な場合にはここで

[routerLink]="[]" 

は、ルーティングですルーティングで起こっているのは、ルートトレースをオンにすることです。ここに例があります：https://github.com/DeborahK/Angular-Routing

RouterModule.forRoot([ 
     { path: 'welcome', component: WelcomeComponent }, 
     { path: '', redirectTo: 'welcome', pathMatch: 'full' }, 
     { path: '**', component: PageNotFoundComponent } 
    ], { enableTracing: true })