Я получаю эту ошибку при выполнении функции распада:
и GT; ошибок: Ошибки синтаксического анализа шаблона: может'т привязать к 'цели' так как она еще'т
известное свойство 'див'
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>
Но если я просто использовать данные-цель=то" жирный"
в том , что работает нормально. Но когда я привязки {{параметр rowindex}}
, чем ее показывает ошибки.
Вы пропустили свойство привязки
<button data-toggle="collapse"
[attr.data-target]="'#demo'+ RowIndex">Toggle
</button>
<button (click)="clickMe($event)">Toggle</button>
clickMe(value){
value.srcElement.innerHTML="Clicked";
}
Используем Angular'с обязательным атрибутом синтаксис.
Используйте один из следующих:
<button data-toggle="collapse"
attr.data-target="#demo{{RowIndex}}">Toggle
</button>
или
<button data-toggle="collapse"
[attr.data-target]="'#demo' + RowIndex">Toggle
</button>
использовать обязательные свойства : достопри.данные-цель=" и{{ваши цели}}"и
Вы можете использовать тег href вместо div. вы можете проверить ниже код
<div class="card" *ngFor="let service of servicesArr;let i = index">
<a data-toggle="collapse" href="#{{i}}{{service.name}}">{{service.label}}</a>
<div id="{{i}}{{service.name}}" class="collapse">
Lorem ipsum dolor text....
</div>
</div>