用routermodule解决循环依赖

你不应该进口你的 AppRoutingModule <a [routerLink]="..."> <A[路由器链接]=“…”> RouterModule app.module.ts

应该看起来像:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { AppRouterModule } from './app-router.module';

// Other imports including ProfileComponent

@NgModule({
  declarations: [
    // various including ProfileComponent
  ],
  imports: [
    BrowserModule,
    RouterModule
  ],
  providers: [
  ],
  bootstrap: [
    AppComponent
  ]
})
export class AppModule { }

app-router.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ProfileComponent } from '..';

const routes: Routes = [
  {
    path: 'profile-component-url',
    component: ProfileComponent
  },
  // Other routes
];

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

ProfileComponent

<a routerLink='/profile-component-url'>

因此,没有循环依赖作为您的

如果你想从懒惰的加载中获益,你需要另一个路由器模块,它将被使用。 RouterModule.forChild(routes) RouterModule.forRoot(routes) 它引用了惰性加载模块中的所有组件等,您需要在主路由器模块中引用它,如下所示:

  {
    path: 'some-path',
    loadChildren: './modules/..path-to-other-module../lazy-loaded.module#LazyLoadedModule'
  },