Recibo este error al implementar la función de colapso:
Error: errores de análisis de plantilla: no se puede vincular a 'objetivo' ya que no es una propiedad conocida de 'div'
aplicación.componente.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>
Pero si simplemente uso data-target="#demo"
, funciona bien. Pero cuando estoy vinculando {{RowIndex}}
, muestra un error.
Te perdiste el enlace de propiedad
<button data-toggle="collapse" [attr.data-target]="'#demo'+ RowIndex">Toggle </button> <button (click)="clickMe($event)">Toggle</button> clickMe(value){ value.srcElement.innerHTML="Clicked"; }
Use la sintaxis de enlace de atributos de angular.
Utilice uno de los siguientes:
<button data-toggle="collapse" attr.data-target="#demo{{RowIndex}}">Toggle </button>
o
<button data-toggle="collapse" [attr.data-target]="'#demo' + RowIndex">Toggle </button>
usar enlace de propiedad: attr.data-target="{{your-target}}"