Açısal varsayılan rota her zaman önceden yüklenmiş

0

Soru

İki rotam var. :

  • ev [ " ]
  • hakkında ['hakkında']

Tarayıcımla doğrudan / hakkında bölümüne gittiğimde, 2 şey fark ettim :

  • ev modülüm önceden yüklenmiş (oysa talep ettim /hakkında)
  • URL bu gibi rewritted var : /hakkında - > / - > hakkında /

uygulama yönlendirme.modül.t

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

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

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

uygulama.bileşen.TH

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 => {
      if (event instanceof NavigationStart) {
        // outputs "/about" but NEVER "/"
        console.log(event.url);
      }
    });
  }

}

Açısal : 13.0.2
Krom : 96.0.4664.55
İşletim SİSTEMİ: macOS 12.0.1

angular lazy-loading
2021-11-24 05:42:28
1

En iyi cevabı

0

Ana modülün ön yüklemesini atlamak için rota dizisini aşağıdaki gibi güncelleyebilirsiniz.

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

Bu, ön yüklemeyi kısıtlayabilir.

Aşağıdaki gibi belirtebilirsiniz path: 'home' yerine path: ''.

2021-11-24 12:54:52

Ne değişiklikler yaptı ?
Ziad

Cevabımı güncelledim @ Ziad
Jai Saravanan

Ana sayfa modülü artık önceden yüklenmiyor, ancak yine de URL'yi yeniden yazıyorum: / about - > / - > > /about>>
Ziad

Yani verdiğinde /about ` / ` ye mi yönlendiriliyor ?
Jai Saravanan

Evet o zaman geri gider / hakkında
Ziad

Onay kodu ile parça ya da auth.gardiyan, herhangi bir yönlendirme mantığı yapmıştı. Rotaların iyi görünüyor.
Jai Saravanan

@Ziad çalışıyor mu ?
Jai Saravanan

Diğer dillerde

Bu sayfa diğer dillerde

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................