web-dev-qa-db-ja.com

「div」の既知のプロパティではないため、「target」にバインドできません

折りたたみ機能を実装しているときにこのエラーが発生します。

エラー：テンプレート解析エラー：「div」の既知のプロパティではないため、「target」にバインドできません

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}}をバインドしているときは、表示エラーよりも。

angularcollapse
38
Er Vipin Sharma

プロパティのバインドを見逃した

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


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

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

  }
88
Aravind

角度の属性バインディング構文を使用します。

次のいずれかを使用します。

<button data-toggle="collapse" 
        attr.data-target="#demo{{RowIndex}}">Toggle
</button>

または

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

プロパティバインディングを使用：attr.data-target = "{{your-target}}"

1
Achraf Farouky