ActivatedRoute set as undefined in angular2
<p>I am trying to read passed parameters while navigating in angular2 using <strong>ActivatedRoute</strong> but when I try <code>this.route.params</code> I am getting <code>this.route</code> as <strong>undefined</strong>. Here is my code for Description component</p>

<pre><code>import {Component, OnInit} from "angular2/core";
import {ActivatedRoute} from "angular2/router";
import {LocalStorageService} from "app/common/services/data/localStorageService";

@Component({
    selector: "description",
    template: `
        {{ data.name }}
    `,
    providers: [LocalStorageService]
})

export class Description implements OnInit {

    data: Object;

    constructor(private service: LocalStorageService, private route: ActivatedRoute) {}

    ngOnInit() {
        this.route.params.forEach((params: Params) =&gt; {
            this.data = this.service.getInformation(params["name"]);
        });
    }
}
</code></pre>

<p>I have declared routes using <code>RouteConfig</code></p>

<pre><code>@RouteConfig([{
    path: "",
    component: Dashboard,
    name: "Dashboard"
}, {
    path: "/:name",
    component: Description,
    name: "Description"
}])
</code></pre>

<p>and I am navigating using below code</p>

<pre><code>onCardClick(item) {
    this.router.navigate(["Description", {
        name: item.name
    }]);
}
</code></pre>

<p>I have tried adding <strong>ActivatedRoute</strong> inside providers but that doesn't seems to help. At code execution I get this error</p>

<pre><code>EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in :0:0
ORIGINAL EXCEPTION: TypeError: Cannot read property 'params' of undefined
ORIGINAL STACKTRACE:
TypeError: Cannot read property 'params' of undefined
    at new Description 
(http://localhost:3000/app/pages/description/components/Description.js:27:43)
    at AppView._View_Description_Host0.createInternal (Description_Host.template.js:15:32)
    at AppView.create (http://localhost:3000/lib/angular2.dev.js:23468:23)
    at ComponentFactory.create (http://localhost:3000/lib/angular2.dev.js:7673:34)
    at ViewContainerRef_.createComponent (http://localhost:3000/lib/angular2.dev.js:5763:43)
    at http://localhost:3000/lib/angular2.dev.js:4147:25
    at ZoneDelegate.invoke (http://localhost:3000/lib/angular2-polyfills.js:349:29)
    at Object.onInvoke (http://localhost:3000/lib/angular2.dev.js:2189:31)
    at ZoneDelegate.invoke (http://localhost:3000/lib/angular2-polyfills.js:348:35)
    at Zone.run (http://localhost:3000/lib/angular2-polyfills.js:242:44)
ERROR CONTEXT:
[object Object]
</code></pre>