angular2-routing

I need to allow the users of my application to change the default route when they want : I have a parameter page where they can select the "page" they want to show first when log on. For exemple for now, they are redirect to Day when they log on, but they want to be able to change that and to be redirect on week or month when they log on if they want. { path: 'planification', component: PlanificationComponent, children: [ { path: '', redirectTo: 'Day', pathMatch: 'full' }, { path: 'day', component: DayComponent }, { path: 'week', component: WeekComponent }, { path: 'month', component:

In the latest version of @angular/router 3.0.0-rc.1 The way you get the parameters from a URL/route changed. Based on this documentation you should be able to get the params by subscribing to the params but in my case it seems that is not working. What I want to achieve is to get params into my parent component FROM child routes. For example let's say this is my routes: const routes: Routes = [ { path: 'parent', component: ParentComponent, pathMatch: 'prefix', children: [ { path: ':id', component: ChildComponent } ] } ]; I want to get the id parameter and use it in my ParentComponent. So I'm

I am trying to convert an App that was already working with Lazy loaded modules into AOT. I am using the @ngtools/webpack toolkit to compile the AOT code, however I am getting into an error that Angular cant find the Lazy loaded module's code as it seems. ERROR in ./src/ngfactory async Module not found: Error: Can't resolve '/Library/WebServer/Documents/envato-teams/src/ngfactory/src/app/components/container/projects.ngfactory.ts' in '/Library/WebServer/Documents/envato-teams/src/ngfactory' @ ./src/ngfactory async @ ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js @ ./src

I am using Angular 2 (TypeScript) I have two components (actually they are two pages too). They are NOT parent and child relationship. I want to pass a value to second component(page) when I click the link in the first component(page). I know "URL parameters" way through router. But I don't want to show this parameter in the link. Is there any other way? Thank you! The canonical way is to establish an injectable service and inject the service into any components that need the data. Since the service is a singleton, the components will be accessing the same data. It shouldn't matter that they

I am migrating an angular2 app to RC2 and trying to use the router's version 3 alpha. I have followed the set up of the plunker given by the angular docs for routing But i keep getting the following errors: /@angular/router/index"' has no exported member 'provideRouter' /@angular/router/index"' has no exported member 'RouterConfig' when trying to use the following imports in my app.router.ts file: import { provideRouter, RouterConfig } from '@angular/router'; I am using typescript in visual studio with commonjs module format. Here are the dependecies from my packages.json "@angular/common": "2

I have DOM that looks something like this: <app> <router-outlet></router-outlet> <project>...</project> </app> where project element is inserted by the router. How do I add a class to this element? Assuming you always want the class applied to this component, you can use host in your component metadata: @Component({ selector:'project', host: { class:'classYouWantApplied` } }) Resulting in: <app> <router-outlet></router-outlet> <project class="classYouWantApplied">...</project> </app> The key is /deep/ keyword: :host /deep/ router-outlet + project { display: block; border: 10px solid black; }