title: component router not working with ng-bootstrap
body: <p>I am writing below code to navigate between tabs and </p>
  
  <pre><code>&lt;ngb-tabset&gt;
    &lt;ngb-tab title="Add"&gt;
      &lt;template ngbTabContent routerLink="/retail/retail-add"&gt;
  
      &lt;/template&gt;
    &lt;/ngb-tab&gt;
   &lt;ngb-tab title="Collection"&gt;
      &lt;template ngbTabContent routerLink="/retail/retail-collection"&gt;
  
        &lt;/template&gt;
    &lt;/ngb-tab&gt;
     &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/ngb-tabset&gt;   
  </code></pre>
  
  <p>It is showing tabs , But on click of tab neither It is routing to that component nor giving any error on console.
  Please help</p>