title: Angular4 - ngIf else with tabs
body: <p>I have a dialog with different tabs. I want to use the tabs for users as well for group of users. The dialog is quite similar therefore I want to use it as a generic one.... Tabs are used from <code>ngx-bootstrap</code> (1.6.6)</p>
  
  <pre><code>&lt;tabset&gt; 
      &lt;div *ngIf="isUserEditor; else groupDetails"&gt;
          &lt;tab heading="User details"&gt;
                  Details...content 4 user
           &lt;/tab&gt;
      &lt;/div&gt;  
      &lt;ng-template #groupDetails&gt;
          &lt;tab heading="Group details"&gt;
                  Group content
           &lt;/tab&gt;
      &lt;/ng-template&gt;
      &lt;tab heading="Permissions"&gt;
                  Permission settings 
      &lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p>I'm facing different problems:</p>
  
  <ol>
  <li><p>The above syntax for the if/else does not work. i.e. the content of <code>UserDetails</code> is displayed independent of the selected tab.</p>
  
  <p>a) Why is the content of <code>UserDetails</code> displayed in all tabs?</p>
  
  <p>b)  If I change to if/then/else-Syntax <code>UserDetails</code> is not displayed in all tabs, but the tab-heading remains. </p></li>
  <li><p>The display order is annoying - namely I see the permission tab at the first position - but I want to have it on the last position. Is there a way to achieve it? <em>Note:</em> The <code>UserDetails</code> might  be split up into more than one tab, the <code>Permission</code> tab might be not the last tab which will be added. I'm looking for a solution without too much code duplication.</p></li>
  <li>Is there a diff if I use for the <code>*ngIf</code> a <code>div</code> container or a <code>ng-container</code>?</li>
  </ol>
  
  <p>Honestly I have no clue if this is bug in <code>ngx-bootstrap</code> or not... But it could be as well incorrect usage of syntax...</p>