すべてのコンポーネントをロードする角度4ルータ

Question

私は現在、角度4のプロジェクトに取り組んでいます。今日まではルータに問題はありませんでしたが、角度材料のコンポーネントを使用しました。私は実行しました：

npm update 

これ以降、私はRouterLinkを使用すると、コンポーネントは実際のページの上にロードされています。たとえば、私が '/ dashboard'にいて、 '/ signin'ページに行きたいとします。 'signin'コンポーネントはダッシュボードの上にロードされるので、ダッシュボードコンポーネントとサインインコンポーネントが同じページにあります。

私にこれを手伝ってもらえますか？

編集：私は私のコンポーネントで定義された配列で* ngForを使用する場合

私のコンポーネントは、私はと思う...配列が変更された場合ngFor *を持つコンポーネントが変更されない、これ以上responsivesありません私の問題のすべてはリンクされていますが、私はどのように見えません。

import { NgModule }    from '@angular/core'; 
import { RouterModule, Routes } from '@angular/router'; 
import { SentierDetailComponent } from './map/sentier/sentier-detail.component' 
import { DashboardComponent } from './dashboard/dashboard.component'; 
import { LoginComponent } from './login/login.component'; 
import { SignInComponent } from './signin/signin.component'; 
import { MembreComponent } from './membre/membre.component' 
import { FormComponent } from './form.component' 

const routes: Routes = [ 
    { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, 
    { path: 'dashboard', component: DashboardComponent }, 
    { path: 'login', component: LoginComponent}, 
    { path: 'signin', component: SignInComponent}, 
    { path: 'sentier-detail/:id', component: SentierDetailComponent}, 
    { path: 'membres', component: MembreComponent}, 
    { path:'evenement', component: FormComponent} 
]; 

@NgModule({ 
    imports: [ RouterModule.forRoot(routes) ], 
    exports: [ RouterModule ] 
}) 
export class AppRoutingModule {} 

Answer 1

まあ、エラーがファイルapp.moduleから来ていたようです：

<a md-tab-link routerLink="/login" routerLinkActive="active">Login</a> 

私app.routing.module.tsのコード：どのように私はRouterLinkを使用

.ts。私は古いバージョンのプロジェクトから古いバージョンを取り出しましたが、今はすべて問題ありませんが、このバグの原因を正確には知りません。