angular2-routing

问题 I'm struggling with nested router-outlets. My situations looks like this: I have a <router-outlet> in my app.components.html Then I lazy load my desktop.module.ts module via the url: /d . It looks like this: const routes: Routes = [ { path: 'workout', component: WorkoutComponent, outlet: 'desktop'}, { path: '', component: DesktopComponent, pathMatch: 'full' } ]; @NgModule({ imports: [ CommonModule, IonicModule, RouterModule.forChild(routes) ], declarations: [WorkoutComponent, DesktopComponent

问题 The Angular(2+) router has an events property that is a rxjs subject. Once subscribed, you are able to listen for events like: router.events.subscribe((event: Event) => { console.log(event) }); but the problem is you have no way to obtain the event type since it listens for all events. A hacky solution is you can inspect the constructor name of the event like: router.events.subscribe((event: Event) => { if(event.constructor.name === 'NavigationStart') { loadingService.start(); } else if(event

问题 In my current project, I have the following view When the page loads, the Parent Item Description should visible and the Selected sub item description should not visible. When I select a Sub Item x , the Parent Item Description should be hidden and only the Selected sub item description visible. I have created the following route for this { path: 'main/:id', component: MainComponent, children: [ { path: '', component: MainComponent, pathMatch: 'full', }, { path: 'sub/:id', component:

问题 I am facing some issue with canDeactivate() whenever it returns false it is changing the window history as when it became true and if i hit the back button. I am navigating to some other URL or out of the app itself. Please help me 回答1: Here is the issue, but it still isn't fixed. As a workaround, you can manually put the active url back to the history: export class CanDeactivateGuard implements CanDeactivate<any> { constructor( private readonly location: Location, private readonly router:

问题 I am facing some issue with canDeactivate() whenever it returns false it is changing the window history as when it became true and if i hit the back button. I am navigating to some other URL or out of the app itself. Please help me 回答1: Here is the issue, but it still isn't fixed. As a workaround, you can manually put the active url back to the history: export class CanDeactivateGuard implements CanDeactivate<any> { constructor( private readonly location: Location, private readonly router:

问题 I'm facing some issues testing lazy-loaded modules in Angular. This is my .spec file: import { Location } from '@angular/common'; import { TestBed, ComponentFixture } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; import { Router } from '@angular/router'; import { routes } from './app-routing.module'; import { AppComponent } from './app.component'; import { AppConfigService } from './services/appConfig.service'; import { TranslateModule } from '

问题 I am working on an Angular 2 app for the first time. I have routing similar to this - /home /projects/ /projects/:id/members /projects/:id/members/:id/tasks From all the references, tutorials and articles I could find on the internet. I only found approach similar to this - [ { path: "home", component: HomeComponent }, { path: "", redirectTo: "home", pathMatch: "full" }, { path: 'projects', component: ProjectComponent, children: [ { path: ':id', component: ProjectDetailsComponent, children: [

来源： https://stackoverflow.com/questions/64447712/platform-blink-routing-child-routes-doesnt-work-anymore

来源： https://stackoverflow.com/questions/45618687/angular-2-router-guards-order

来源： https://stackoverflow.com/questions/45618687/angular-2-router-guards-order