0

我目前正在使用 Angular 4 进行一个项目。直到今天我对路由器没有任何问题，但我使用了 Angular Materials 组件，今天早上我看到我必须更新 Angular Material 包。我执行了：

npm update

从那时起，当我使用 RouterLink 时，组件就会加载到实际页面的顶部。例如，如果我在“/dashboard”中并且我想转到“/signin”页面。“登录”组件加载在仪表板顶部，因此在同一页面中，我有仪表板组件和登录组件。

你有什么想法可以帮我解决这个问题吗？

编辑 ：

我的组件不再响应，如果我使用带有在我的组件中定义的数组的 *ngFor，如果数组更改了带有 *ngFor 的组件不会改变......我认为我所有的问题都是相关的，但我可以'不知道怎么做。

我如何使用 RouterLink ：

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

我的 app.routing.module.ts 的代码：

    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 {}
4

1 回答 1

0

好吧，似乎错误来自文件 app.module.ts。我从我的项目的旧版本中获取了旧版本，现在一切都很好，但我仍然不知道这个错误的确切来源。

于 2017-08-30T18:20:25.403 回答