title: how to refresh page in angular 2
body: <p>I have created one router link as below. This router link loads <code>ProductsStartComponent</code> and then this component loads several other components using ngif and not via navigation. Since below Product categories link is visible in all pages so if I am clicking on this link after reaching to some component of ngif , this is not taking me back on <code>ProductsStartComponent</code>.</p>
  
  <p>As I am new to Angular , my understanding for this behavior is because all values/models are set and that's why it's not navigating. I suppose this can be achieved by refresh or reload of page but how to achieve that. Please advise.</p>
  
  <p>In admin.component.html, router Link is defined for clicking.<br>
  returns  </p>
  
  <pre><code>&lt;li routerLinkActive="active"&gt;&lt;a routerLink="categories"&gt;&lt;p&gt;Products Categories&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>returns</p>
  
  <p>In app-routing.module.ts, which component need to be loaded on clicking of router link</p>
  
  <pre><code>const appRoutes: Routes = [
  {path: 'admin', component: AdminComponent, children: [
      { path: 'dashboard', component: AdminDashboardComponent },
      { path: 'sellers', component: AdminSellersComponent },
      { path: 'categories', component: ProductsStartComponent}
  ]}]
  </code></pre>
  
  <p>In product-start.component.html, this is being loaded on first click on router link. Now if I click on edit button and moved to other component and again if i click on product categories router link , nothing happen , I am expecting it to reset the page.</p>
  
  <pre><code>&lt;div&gt;
      &lt;div *ngIf="!isChildProductClicked; else notClicked" &gt;
         &lt;app-admin-products (productId)="received($event)"&gt;&lt;/app-admin-products&gt;
      &lt;/div&gt;
      &lt;ng-template #notClicked&gt;&lt;app-child-products [selProdIndex]=productIndex&gt;&lt;/app-child-products&gt;&lt;/ng-template&gt;
  &lt;/div&gt;
  </code></pre>