Блог

У меня есть два маршрута :

• домой [ » ]
• о [ «о» ]

Когда я захожу в /о непосредственно в своем браузере, я замечаю 2 вещи :

• мой домашний модуль предварительно загружен (в то время как я запросил /о чем)
• URL — адрес переписывается следующим образом : /о компании -gt; / -gt;gt; /о компании

приложение-маршрутизация.модуль.t

 import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router';  const routes: Routes = [  { path: '', loadChildren: () =gt; import('./routes/home/home.module').then(m =gt; m.RoutesHomeModule) },  { path: 'about', loadChildren: () =gt; import('./routes/about/about.module').then(m =gt; m.RoutesAboutModule) },  { path: '**', redirectTo: '', pathMatch: 'full' } ];  @NgModule({  imports: [ RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' }) ],  exports: [ RouterModule ] }) export class AppRoutingModule { }  

app.component.ts

 import { Component, OnInit } from '@angular/core'; import { NavigationStart, Router } from '@angular/router';  @Component({  selector: 'app-root',  templateUrl: './app.component.html',  styleUrls: ['./app.component.less'], }) export class AppComponent implements OnInit {   constructor(  private router: Router,  ) { }   ngOnInit(): void {  this.router.events.subscribe(event =gt; {  if (event instanceof NavigationStart) {  // outputs "/about" but NEVER "/"  console.log(event.url);  }  });  }  }  

Угловой : 13.0.2
Chrome : 96.0.4664.55
ОС : macOS 12.0.1

Чтобы пропустить предварительную загрузку домашнего модуля, вы можете обновить массив маршрутов следующим образом.

 const routes: Routes = [  { path: 'home', loadChildren: () =gt; import('./routes/home/home.module').then(m =gt; m.RoutesHomeModule)},  { path: 'about', loadChildren: () =gt; import('./routes/about/about.module').then(m =gt; m.RoutesAboutModule) },  { path: '**', redirectTo: '', pathMatch: 'full' } ];  

Это может ограничить предварительную загрузку.

Вы можете указать как path: 'home' вместо path: '' .