title: Get route query params
body: <p>I am trying to migrate from rc1 to rc4 and i have trouble getting query string parameters. ActivatedRoute object always empty.</p>
  
  <p><strong>hero.component.ts</strong></p>
  
  <pre><code>import {Component, OnInit} from "@angular/core";
  import {Control} from "@angular/common";
  import {ROUTER_DIRECTIVES, ActivatedRoute} from '@angular/router';
  
  @Component({
      template: '../partials/main.html',
      directives: [ROUTER_DIRECTIVES]
  })
  
  export class HeroComponent implements OnInit {
  
      constructor(private _activatedRoute: activatedRoute) {
  
      }
  
      ngOnInit() {
          this._activatedRoute.params.subscribe(params =&gt; {
              console.log(params);
          });
      }
  }
  </code></pre>
  
  <p><strong>main.ts</strong></p>
  
  <pre><code>import {bootstrap} from '@angular/platform-browser-dynamic';
  import {HTTP_PROVIDERS, RequestOptions, Http} from '@angular/http';
  import {AppRouterProviders} from './app.routes';
  
  bootstrap(AppComponent, [
      AppRouterProviders,
      HTTP_PROVIDERS
  ]);
  </code></pre>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import {Component, OnInit} from '@angular/core';
  import {HeroComponent} from './hero.component';
  import {RouteConfig, Router, ROUTER_DIRECTIVES} from '@angular/router';
  
  
  @Component({
      selector: 'my-app',
      templateUrl: '../partials/main.html',
      directives: [
          HeroComponent,
          ROUTER_DIRECTIVES
      ]
  })
  
  export class AppComponent {
  }
  </code></pre>
  
  <p><strong>partials/main.html</strong></p>
  
  <pre><code>&lt;a class="nav-link" [routerLink]="['/']" [queryParams]="{st: 'new'}"&gt;New&lt;/a&gt;
  </code></pre>
  
  <p><strong>app.routes.ts</strong></p>
  
  <pre><code>import {provideRouter, RouterConfig}  from '@angular/router';
  import {HeroComponent} from './hero.component';
  import {ErrorComponent} from './error.component';
  
  const routes: RouterConfig = [
      {path:'', component: HeroComponent},
      {path:'**', component: ErrorComponent}
  ];
  
  export const AppRouterProviders = [
      provideRouter(routes)
  ];
  </code></pre>
  
  <p>When i click on link 'New' console prints out empty object</p>
  
  <blockquote>
    <p>Object {}</p>
  </blockquote>
  
  <p><strong>Updated</strong></p>
  
  <p><a href="http://plnkr.co/edit/s5tYzWmbOXZRiRdunF4N?p=preview">plunker</a></p>