title: Angularjs2 routing not working
body: <p>Angularjs 2 routing not working, even if I manually enter url, still not workoing.</p>
  
  <p>config and versions are :- </p>
  
  <blockquote>
    <p>var ngVer = '@2.0.0-rc.5'; // lock in the angular package version; do
    not let it float to current!</p>
    
    <p>var routerVer = '@3.0.0-rc.1'; // lock router version
          var formsVer = '@0.3.0'; // lock forms version
          var routerDeprecatedVer = '@2.0.0-rc.2';</p>
    
    <p>OS :- Ubuntu 14, google chrome.</p>
  </blockquote>
  
  <p><strong>app.routing.ts</strong></p>
  
  <pre><code>import { Routes, RouterModule } from '@angular/router';
  
      import { HeroesComponent } from './heroes.component';
  
  
      const appRoutes: Routes = [
        {
          path: 'heroes',
          component: HeroesComponent,
          pathMatch: 'full'
        }
      ];
  
     export const routing = RouterModule.forRoot(appRoutes);
  </code></pre>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>    import { Component } from '@angular/core';
      import { AppModule } from './app.module';
      import { HeroesComponent } from './heroes.component';
      import { routing }        from './app.routing';
  
  
  
      @Component({
          selector : "my-app",
          template : `
                        &lt;a routerLink="/heroes1" &gt;Heroes&lt;/a&gt;
                        &lt;router-outlet&gt;&lt;/router-outlet&gt;
            `,
          directives: [HeroesComponent]
      })
      export class AppComponent  {
        title = 'Tour of Heroes';
      }
  </code></pre>
  
  <p>It is not initializing, enter anything in url, its will take to home page "/"</p>