angular2-routing

I am going through the tutorials for Angular 2 and have been able to get a simple application up and running. Now, I am moving on to the routing and navigation part found here https://angular.io/docs/ts/latest/guide/router.html , but something isn't working for me. I went to the live example in Plunker and downloaded the code from there. I then setup a solution in Visual Studio 2015 and plugged in all of the code from the Plunker download. The application works perfectly except for one thing, the navigation doesn't seem to work as the documentation would seem to indicate. I start debugging the

I am working on a NodeJS app with Angular2. In my app, I have a home page and search page. For home page I have an HTML page that will render for the localhost:3000/ and from home page user navigate to search i.e localhost:3000/search page that I handled by angular2 routes . I don't have the page for the search page its view render by the angular2. But when I directly hit localhost:3000/search as I don't have this routing in my node app it gives the error. I don't know How to handle this in node app? If you enter localhost:3000/search directly in the browser navigation bar, your browser issues

I'm building an application where there's no access at all for unauthenticated users. I wrote a LoggedInGuard , but now I have to add canActivate: [LoggedInGuard] to every route inside my router configuration (except the LoginComponent ). Is there a better way to get this working? My file / module layout looks like this: app/ AppModule AppRoutingModule AppComponent authentication/ AuthenticationModule AuthenticationRoutingModule LoginComponent contacts/ ContactsModule ContactsRoutingModule ContactListComponent users/ UsersModule UsersRoutingModule UserEditComponent ... Maybe it's possible to

Angular2 Router - Anyone know how to use canActivate in app.ts so that I can redirect to home page if not logged in I'm using typescript and angular 2. Current attempt under my constructor in my app.ts file: canActivate(instruction) { console.log("here - canActivate"); console.log(instruction); this.router.navigate(['Home']); } It currently doesnt get hit. Any idea why? inoabrian So the documentation looks like this is what it exports. export CanActivate(options : CanActivateAnnotation) : (hook: (next: ComponentInstruction, prev: ComponentInstruction) => Promise<boolean>| boolean) =>

How do I unit test routers in Angular version 2.0.0 with karma and jasmine? Here's what my old unit test looks like in version 2.0.0-beta.14 import { it, inject, injectAsync, beforeEach, beforeEachProviders, TestComponentBuilder } from 'angular2/testing'; import { RootRouter } from 'angular2/src/router/router'; import { Location, RouteParams, Router, RouteRegistry, ROUTER_PRIMARY_COMPONENT } from 'angular2/router'; import { SpyLocation } from 'angular2/src/mock/location_mock'; import { provide } from 'angular2/core'; import { App } from './app'; describe('Router', () => { let location, router;

Here is the pluker. https://plnkr.co/edit/tsNlmRth4mRzz0svGWLK?p=preview In which I have created two module with two components and one service each. I want the service should be singleton (save state) in the module level. If you click on 'Module 1 Page 1' and 'Module 2 Page 2' It will display two different random numbers. As I am generating this number in constructor. So the service is being created each time page change. But module2 is behaving perfectly. Note: Mode1Module is using loadChildren Mode2Module is using children I found this same type issue is been fixed earlier as per this