title: Can't bind to 'target' since it isn't a known property of 'div'
body: <p>I am getting this error while implementing collapse feature:</p>
  
  <blockquote>
    <p>Error:  Template parse errors: Can't bind to 'target' since it isn't a
    known property of 'div'</p>
  </blockquote>
  
  <p>app.component.html:</p>
  
  <pre><code>&lt;div *ngFor = "let ele of elements; let RowIndex = index"&gt;
      {{ele.name}} 
      &lt;button data-toggle="collapse" 
              data-target="#demo{{RowIndex}}"&gt;Toggle
      &lt;/button&gt;
      &lt;div id="demo{{RowIndex}}" class="collapse"&gt;Lorem Ipsum&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>But if I simply use <code>data-target="#demo"</code> , that is working fine. But when I am binding <code>{{RowIndex}}</code> than its showing error.</p>