无法绑定到“target”，因为它不是“div”的已知属性

Question

我在实现折叠特性时得到了这个错误：

错误：模板解析错误：无法绑定到'target'，因为它不是'div'的已知属性

app.component.html：

<div *ngFor = "let ele of elements; let RowIndex = index">
    {{ele.name}} 
    <button data-toggle="collapse" 
            data-target="#demo{{RowIndex}}">Toggle
    </button>
    <div id="demo{{RowIndex}}" class="collapse">Lorem Ipsum</div>

</div>

但是如果我简单地使用data-target=“#demo”，就可以很好地工作。但是当我绑定{{RowIndex}}时，它会出现错误。

Answer 1

您错过了属性绑定

<button data-toggle="collapse" 
        [attr.data-target]="'#demo'+ RowIndex">Toggle
</button>


<button (click)="clickMe($event)">Toggle</button>

clickMe(value){
    value.srcElement.innerHTML="Clicked";

  }