title: Angular2 ActivatedRoute parameter is undefined
body: <p>Am trying to display the value of activate route param in the screen but fails</p>
  
  <p>In the first component i have</p>
  
  <pre><code>&lt;ul *ngFor="let cate of categories;"&gt;
    &lt;li (click)="onviewChecklists(cate.id)"&gt;
       &lt;a&gt; {{i+1}} {{cate.category}} &lt;/a&gt;
    &lt;/li&gt;
  
  &lt;/ul&gt;
  
    onviewChecklists(category:string){
       this._router.navigate(["tsafety/checklist-management/categories/items",
         {category:category}])
   }
  </code></pre>
  
  <p>Now on the second component to where am naviagting i have</p>
  
  <pre><code>category:any;
  
  constructor(
  private _router:Router,private activeRoute:ActivatedRoute
   ) {
  
   }
  
  ngOnInit() {
  
     this.category = this.activeRoute.snapshot.params['category'];
     console.log(this.category);  //this works
  } 
  //on this component html {{category}} returns only the first param
  </code></pre>
  
  <p>In the second component html file when i <code>{{category}}</code> it onl displays the value of the first routing that is</p>
  
  <pre><code>navigate 1 param is checklist display is checklist
  navigate 2 param is newcheck  display is checklist
  </code></pre>
  
  <p>What could be wrong since the <code>console.log()</code> prints the correct value but <code>{{category}}</code> only prints the first value</p>
  
  <p>In the second component ive aso tried</p>
  
  <pre><code>ngOnInit() {
   this.onGetItems(+this.activeRoute.snapshot.params['category']);
  
   }
  
   onGetItems(category){
      return this._checklistitemsService.getAllItems(category)
      .subscribe(
         res=&gt;{
           this.checklistitems = res
      }
    )
  </code></pre>
  
  <p>The onGetItems method is called only once</p>