我将我的应用程序拆分为两个模块:一个包含主要基本功能,另一个包含较少使用的功能,如账户设置、FAQ页面等。 我试图实现的是在某些根路由路径(例如/account或/settings)中延迟加载第二个模块,而无需创建许多不同的模块。据我所知,Angular懒加载仅适用于一个根路由,并且在懒加载...
如何使用 Angular 6 路由守卫(Route Auth Guards)来保护所有根路由和子路由?
如何获取当前所在路由及其数据、子节点以及父节点? 如果路由结构如下:const routes: Routes = [ {path: 'home', component: HomeComponent, data: {title: 'Home'}}, { path: 'about...
我想根据当前的url在Angular中更改某个标题。所以component.ts看起来像这样:import {Router} from '@angular/router'; //code public name: string constructor( public router: R...
Angular 7.2.13 在使用浏览器的后退按钮导航时,组件的HTML被加载,但组件的CSS/JS没有加载,页面会挂起。 但是,当通过链接点击或router.navigateByUrl()导航或者重新加载页面时,加载工作正常。但无论何时使用向前/向后按钮导航都无法正常加载。 我没有收...
昨天我遇到了一个看起来与mat-drawer和Angular的router-outlet有关的CSS问题。我有一个包含两个子元素的全屏flexbox,顶部是一个mat-toolbar,底部是一个自定义组件app-sidenav。这个设置很好地工作,并且由于flexbox是可伸缩的,app-si...
我正在使用Angular 4,在其中一个组件中,我需要捕获路由已更改并重新加载页面的代码。ngOnInit() { this.router.events.subscribe((value) => { if (value instanceof Navig...
我希望在导航到子路由之前解决数据,因为我必须在子路由守卫中使用该数据。问题在于父级解析器在子守卫触发后才解析数据。解析器需要很长时间来解析数据。// app.module.ts const appRoutes: Routes = [ { path: 'login', component: ...
我想知道在调用 Angular 路由器的 navigate 方法时,是否有一种获取要生成的URL的方法。 例如: this._router.navigate(['browse'], { queryParams: { section: 'users', isActive: true } })...
假设我有两个Angular 2组件:ComponentA和ComponentB。 我希望能够从ComponentA导航到ComponentB,然后最终返回ComponentA,而无需重新初始化ComponentA。 在当前的Angular 2路由器实现中,每次离开组件时,该组件都会被销毁,并...