title: Can't bind to 'ngSwitchDefault' since it isn't a known property of 'ng-template'
body: <p>I get the error: </p>
  
  <blockquote>
    <p>Can't bind to 'ngSwitchDefault' since it isn't a known property of
    'ng-template'</p>
  </blockquote>
  
  <p>Before I go on: this is <strong><em>not</em></strong> a duplicate of <a href="https://stackoverflow.com/questions/42719113/angular2-cant-bind-to-ngswitchwhen-since-it-isnt-a-known-property-of-tem">Angular2 - &quot;Can&#39;t bind to &#39;ngSwitchWhen&#39; since it isn&#39;t a known property of &#39;template&#39;.&quot;</a></p>
  
  <p>The ngSwitchWhen binds perfectly nice just the way that I used it. The problem is with the ngSwitchDefault, which I can only use in it's sytactic suggared verison <strong>*ngSwitchDefault</strong>. But since I have another structural directive on the matter (<strong>*ngIf</strong>) I would like to use the "Template-[ngSwitchDefault]"-Version, which gives me the aforementioned error.</p>
  
  <p><strong>Question: Any reason why I can use [ngSwitchCase], but not [ngSwitchDefault] ?</strong></p>
  
  <pre><code>&lt;div&gt;
    &lt;div *ngFor="let field of fields"&gt;
      &lt;ng-container [ngSwitch]="field.myType"&gt;
        &lt;ng-template [ngSwitchCase]="'something'"&gt;
          &lt;div *ngIf="fieldIsVisibile[field.name]"&gt;
            Somthing special: {{field.name}}
          &lt;/div&gt;
        &lt;/ng-template&gt;
  
        &lt;ng-template [ngSwitchDefault]&gt;
          &lt;div *ngIf="fieldIsVisibile[field.name]"&gt;
            Regular: {{field.name}}
          &lt;/div&gt;
        &lt;/ng-template&gt;
      &lt;/ng-container&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>