मैं दो मार्गों :
- घर [ " ]
- [के बारे में 'के बारे में ]
जब मैं जाने के लिए /के बारे में के साथ सीधे अपने ब्राउज़र में, मैं नोटिस 2 बातें :
- मेरे घर के मॉड्यूल के साथ preloaded है (जबकि मैं अनुरोध किया है /के बारे में)
- यूआरएल है rewritted की तरह इस : के बारे में / - > / - > के बारे में /
एप्लिकेशन मार्ग.मॉड्यूल.टी
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 { }
अनुप्रयोग.घटक है । टीएस
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);
}
});
}
}
कोणीय : 13.0.2
क्रोम : 96.0.4664.55
ओएस : MacOS 12.0.1