angular2-routing

I have been lazy loading modules in routes e.g. export const HomeRoute: Route = { path: '', component: HomeComponent, canActivate: [AuthGuard], children: [ {path: 'dashboard', loadChildren: 'app/+dashboard/db.module#DashboardModule'} ] }; I would like to put my "pages" into NPM modules. What is the route to the node_module that I should use in the loadChildren attribute? I am using angular-cli 1.0.0-beta.16 I have tried {path: 'lazy', loadChildren: '../node_modules/hello-world/components#HelloWorld' } also {path: 'lazy', loadChildren: 'hello-world/components#HelloWorld' } The exported class is

How can I detect a route change on a child component?. This is what I have tried, but I only see the app component trace the route change. I want to be able to detect when the url change from e.g. #/meta/a/b/c to #/meta/a/b/c/d in the MetaDetailView component. @RouteConfig([ { path: '/', name: 'Home', redirectTo: ['Meta']}, { path: '/meta/...', name: 'Meta', component: MetaMainComponent, useAsDefault: true}, ...other routes..., ]) export class AppComponent { constructor(private _router: Router) { _router.subscribe( (url) => console.log("app.url = " + url)); } } @RouteConfig([ { path: '/*other'

I currently have an Angular 2 app up and running that looks as follows: App.component is bootstrapped when visiting the site. The template for App.component has all component tags (for example menu.component, search.component and the router-outlet). What I basically need is the following: currently a visitor is directly redirected to the Login page because the user needs to login. He is still able to see the menu and all components that are only there for logged in users. What would be the best strategy to add an extra template layer, so not logged in users get redirected? The way that I've

It is possible to pass static data to an Angular 2 route without showing it on the URL. But how can I pass dynamic data/object in the same way? Günter Zöchbauer You can use a resolver. The data returned by a resolver is made available to routes the same way static data on route configurations is For an example see https://angular.io/guide/router#resolve-guard @Injectable() export class CrisisDetailResolve implements Resolve<Crisis> { constructor(private cs: CrisisService, private router: Router) {} resolve(route: ActivatedRouteSnapshot): Promise<Crisis>|boolean { let id = route.params['id'];