ngOnInit not called when same component is loaded with different data
<p>I have an angular 2 app, and I use router to navigate between views, like everyone else. Here is how my path for a particular component look like:</p>

<pre><code>{
    path: 'home/view1/:viewID',
    component: ViewComponent,
    children: [
        { path: 'pane/:paneId/section/:sectionId', component: SectionEditComponent },
        { path: '**', component: ViewEditComponent }
    ]
},
</code></pre>

<p>Now, I have two buttons on the ViewComponent, to load SectionEditComponent for section1 and section2.</p>

<p>Path1: pane/1/section/1<br/>
Path2: pane/1/section/2</p>

<p>ViewComponent template:</p>

<pre><code>   &lt;div class="col-md-8" style="background-color: white; height: 100%"&gt;
       &lt;button (click)="loadPath(1)"&gt;Path1&lt;/button&gt;
       &lt;button (click)="loadPath(2)"&gt;Path2&lt;/button&gt;
       &lt;router-outlet&gt;&lt;/router-outlet&gt;
   &lt;/div&gt;
</code></pre>

<p>Now, when I navigate from Path1->Path2 or Path2->Path1 within same ViewComponent, the ngOnInit() is not called, thus not loading the new path, even though the url actually change according to the new section ID. </p>

<p>Is this known or expected behavior? Is there anything that I'm doing wrong?</p>