使用懒加载路由并重定向到加载后的特定组件非常方便,可以通过路由配置中的loadChildren属性来实现。下面是一个示例代码:
const routes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', loadChildren: () => import('./home/home.module').then(m => m.HomeModule) },
{ path: 'about', loadChildren: () => import('./about/about.module').then(m => m.AboutModule) },
{ path: '**', redirectTo: '/home' } // 未匹配到路由的时候重定向到home
];
import { Router } from '@angular/router';
constructor(private router: Router) {}
goToAbout() {
this.router.navigateByUrl('/about');
}
这样,当用户点击“Go To About”按钮时,应该会立即重定向到/about并加载AboutModule中定义的组件。