Angular 角度5<；路由器链接>；按会导致不必要的刷新

当使用routerLink单击锚定标记时，路由器成功导航到路由，但随后刷新页面。这种情况发生在Chrome和Edge上

主播：

<a mat-raised-button color="primary" style="margin-left: 10px;[routerLink]=['/table']">some text</a>

app.module.ts：

const appRoutes: Routes = [
  { path: "home", component: HomeComponent },
  { path: "content", component: ImageViewComponent },
  { path: "table", component: TableComponent },
  { path: "", redirectTo: "/home", pathMatch: "full" }
];

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

@NgModule({
  declarations: [

  ],
  imports: [
    BrowserModule,
    ServerModule,
    AppRoutingModule,
    FlexLayoutModule,
    MyOwnCustomMaterialModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

使用的Angular CLI版本：1.7.3

---

角度路由器版本：5.2.8

您的

样式

属性包含routerLink属性，因为它包含在该属性值中

<a mat-raised-button color="primary" style="margin-left: 10px;[routerLink]=['/table']">some text</a>

一些文本

应该是

<a mat-raised-button color="primary" style="margin-left: 10px;" [routerLink]="['/table']">some text</a>

一些文本

好的，我发现了问题，这是服务器模块的问题

当我移除它时，我的问题解决了

更改：

imports: [
  BrowserModule,
  ServerModule,
  AppRoutingModule,
  FlexLayoutModule,
  MyOwnCustomMaterialModule
],

致：

导入：[
浏览器模块，
BrowserAnimationsModule，您的routerLink位于内联样式中。可能的原因？已修复，它没有帮助unfortunetly@uribaum-可能还有其他错误。例如，您的解释说明路由发生，并且页面在路由加载后刷新。目标组件中是否有内容，或者是否有其他内容e还有一些事件代码，它在
a
标签上的
window.location
或
href
执行某些操作？
imports: [
  BrowserModule,
  BrowserAnimationsModule, <-- as a replacment
  AppRoutingModule,
  FlexLayoutModule,
  MyOwnCustomMaterialModule
],