title: How do I re-render a component manually?
body: <p>I'm a newcomer to Angular2, I'm used to the Angular 1 digest cycle, meaning if I update the scope of a view I can manually trigger a digest by calling <code>$scope.$digest()</code>. However, I'm not sure how to do this in Angular2, esp given that the new framework doesn't have the implicit data binding that the old version had.</p>
  
  <p>Here's my problem. I have a route that loads a component when a url with a parameter is hit:</p>
  
  <pre><code>// Router
  export const AppRoutes : RouterConfig = [
      {
      path: 'my/:arg/view',
      component: MyComponent  
      }
  ]
  </code></pre>
  
  <p>Then I have this component:</p>
  
  <pre><code>// Component
  export class MyComponent {
      constructor(private route : ActivatedRoute,
        private r : Router) {
      let id = parseInt(this.route.params['value'].id);
      console.log(id);
      // do stuff with id
      }
  
      reloadWithNewId(id:number) {
          this.r.navigateByUrl('my/' + id + '/view');
      }
  }
  </code></pre>
  
  <p>Lets say I navigate to url <code>/my/1/view</code>. It will call the constructor and the number <code>1</code> is logged. However, if I call <code>reloadWithNewId</code> with a new id, <code>reloadWithNewIf(2)</code>, the constructor is not called again. How do I manually reload the component?</p>