title: How to apply multiple template bindings on one element in angular
body: <p>I'm using template like following:</p>
  
  <pre><code>&lt;ul [ngClass]="{dispN: !shwFilter,'list-group':true,'autoS':true,'dispB':shwFilter,'myshddw':true}" style=";display: none"&gt;
    &lt;li *ngIf="itsNotF &amp;&amp; itsNotF.length" [ngClass]="{bgDFF: !colps[j],'list-group-item':true}" *ngFor="let valm1 of itsNotF;let j=index;" (click)="togFltr(j)" style="padding: 0;background: #fff"&gt;
      &lt;div *ngIf="valm1 &amp;&amp; valm1.type=='1'"&gt;
        &lt;h5 style="padding:8px;margin: 0;"&gt;{{valm1['header']}}&lt;/h5&gt;
        &lt;p style="margin: 8px;"&gt;{{valm1['body']}}&lt;/p&gt;
        &lt;h6 style="padding:8px;margin: 0;"&gt;{{valm1['note']}}&lt;/h6&gt;
      &lt;/div&gt;
      &lt;div *ngIf="valm1 &amp;&amp; valm1.type=='2'" (click)="modlTxt=valm1;notREadVu(j)" data-toggle="modal" data-target="#myModal"&gt;
        &lt;h5 style="padding:8px;margin: 0;"&gt;{{valm1['header']}}&lt;/h5&gt;
        &lt;h6 style="padding:8px;margin: 0;"&gt;{{valm1['note']}}&lt;/h6&gt;
      &lt;/div&gt;
      &lt;div *ngIf="valm1 &amp;&amp; valm1.type=='3'"&gt;
        &lt;h5 style="padding:8px;margin: 0;"&gt;{{valm1['header']}}&lt;/h5&gt;
        &lt;p style="margin: 8px;"&gt;{{valm1['body']}}&lt;/p&gt;
        &lt;h6 style="padding:8px;margin: 0;"&gt;{{valm1['note']}}&lt;/h6&gt;
      &lt;/div&gt;
    &lt;/li&gt;
    &lt;li [ngClass]="{bgDFF: !colps[j],'list-group-item':true,'lgOt':true}" (click)="logout()"&gt;
      &lt;span class="title"&gt;Log Out &lt;i class="fa fa-sign-out"&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>So it gives following error:</p>
  
  <pre><code>EXCEPTION: Template parse errors:
  Can't have multiple template bindings on one element. Use only one attribute named 'template' or prefixed with * ("one"&gt;
    &lt;li *ngIf="itsNotF &amp;&amp; itsNotF.length" [ngClass]="{bgDFF: !colps[j],'list-group-item':true}" [ERROR -&gt;]*ngFor="let valm1 of itsNotF;let j=index;" (click)="togFltr(j)" style="padding: 0;background: #fff"&gt;
  "): App@78:94
  </code></pre>
  
  <blockquote>
    <p>Previously it was not giving error I faced this issue after upgrading to RC4. </p>
    
    <p>So what's workaround, so I can apply multiple template binding on single element without altering Template structure.</p>
  </blockquote>