angular2-routing

I tried downloading the Routing and Navigation example from this page Here's the link to the specific zip . I run the following sequence of commands: npm install npm install --save-dev @angular/cli@latest ng -v ng serve -o From what I can make out Cannot read property 'config' of null is somehow related to a bad version of the CLI. But if I create a new project I can start it successfully with my existing setup ng new router cd router npm install ng serve -o Old directory structure (from zip download) includes these files: bs-config.json e2e-spec.ts New directory structure (from ng new):

This question already has an answer here: What is @angular in Angular 2? 5 answers I was trying to bootstrap my application using code below in a boot.ts file: import {bootstrap} from 'angular2/platform/browser' import {ROUTER_PROVIDERS} from 'angular2/router' import {AppComponent} from './app.component' bootstrap(AppComponent,[ROUTER_PROVIDERS]); It worked fine. Now I wanted to try and add Google Maps so imported angular2-google-maps package , created a map.component.ts file and added this to the router mapping (defined in the app.component.ts file). For the above package, import {bootstrap}

I created a Twitter widget and I'm trying to put it in my Angular 2 project, but the JS file does not work. If I insert it with JS ( Here ) it works, but when I switch to another tab and back (I have Angular Routing installed) it disappears and shows whatever is in A tag (so, "Tweets by ..."). HTML code (it's in home component): <md-card-content> <a class="twitter-timeline" data-lang="en" data-height="350" data-theme="light" data-chrome="noborders nofooter noheader noscrollbar transparent" href="https://twitter.com/profile">Tweets by profile</a> </md-card-content> Script in home.component.ts,

I want to have multiple functions in my appication activated through different parameters. The problem is that I have to distinguish between the routes. At the moment I need these routes: /employee-management/department/new /employee-management/department/delete , /employee-management/employee/new , /employee-management/employee/delete /employee-management/employee/<id> Here is my current implementation. But I am doing something wrong. As example when I do /employee/new it goes into the first if with the if(params['id']) instead of the if(params['option']) where it should go because new is an

Having these routes defined in app.module.ts ... { path: 'mypath', component: MyComponent, canActivate: [RouteGuard] }, { path: '', redirectTo: '/home', pathMatch: 'full' }, { path: '**', redirectTo: '/home'} and this guard service import { Injectable } from '@angular/core'; import { CanActivate } from '@angular/router'; import { AngularFire } from 'angularfire2'; import { AngularFireAuth } from 'angularfire2'; @Injectable() export class RouteGuard implements CanActivate { private loggedIn: boolean; constructor ( private af: AngularFire, private auth: AngularFireAuth ) {} canActivate():