angular2-routing

Let's say we have two routes Dashboard and Profile . Dashboard has dynamic tabs feature like Google spreadsheet . I want to do some interactions(build charts, visualizing some data) creating tabs in the Dashboard . Now, if I route to Profile and then route back to Dashboard , I want to see what was before in those tabs in Dashboard . It means, I want to maintain the state in the client side. AFAIK while routing between components, it recreates components. Is it possible to make spreadsheet like application while using angular 2 routing? I need to use routing because in my application I have to

What are the pros and cons of using: PathLocationStrategy - the default "HTML 5 pushState" style. HashLocationStrategy - the "hash URL" style. for instance, using HashLocationStrategy will prevent the feature of scrolling to an element by its #ID, but some 3rd party plugins require the HashLocationStrategy or the Hashbang #! in order to work in ajax websites. I would like to know which one offers more for a webapp. Thierry Templier For me the main difference is that the PathLocationStrategy requires a configuration on the server side to all the paths configured in @RouteConfig to be redirected

I am working on this angular2 project in which I am using ROUTER_DIRECTIVES to navigate from one component to other. There are 2 components. i.e. PagesComponent & DesignerComponent . I want to navigate from PagesComponent to DesignerComponent. So far its routing correctly but I needed to pass page Object so designer can load that page object in itself. I tried using RouteParams But its getting page object undefined . below is my code: pages.component.ts import {Component, OnInit ,Input} from 'angular2/core'; import { GlobalObjectsService} from './../../shared/services/global/global.objects

I am developing an application using angular2. I have a scenario where I need to pass complex data (array of objects) from one component to another component(they are not parent-child, they are two separate components) while routing(using router.navigate()). I have googled this and most of the results describe the scenario of components that are parent-child. I have gone through the results and found these ways to pass the data. 1) Create Shared Service 2) Pass as route parameters 2nd approach works for me (even though, I don't like that when I have complex data as explained above). I am not

This question already has an answer here: Angular2 router 2.0.0 not reloading components when same url loaded with different parameters? 3 answers I have an application, with views behind routes, I need to be able to continue from the point when the route changed, but after going back, the component is in its initial state. Is there any way how to keep the state of a component? update 2 That's now fixed (Angular 2.3) for the new router by https://github.com/angular/angular/pull/13124 which allows to provide a custom reuse strategy. For an example see also https://www.softwarearchitekt.at/post

Let's presume I got this router config export const EmployeeRoutes = [ { path: 'sales', component: SalesComponent }, { path: 'contacts', component: ContactsComponent } ]; and have navigated to the SalesComponent via this URL /department/7/employees/45/sales Now I'd like to go to contacts , but as I don't have all the parameters for an absolute route (e.g. the department ID, 7 in the above example) I'd prefer to get there using a relative link, e.g. [routerLink]="['../contacts']" or this.router.navigate('../contacts') which unfortunately doesn't work. There may be an obvious solution but I'm