如何将click事件绑定到angular2中循环中div的特定id

Question

如何更改id =＆＃34; itemid0＆＃34;的文字当id =＆＃34; buttonitemid0＆＃34;点击了吗？

app.component.ts
-----------------
   bb = 'cat';
changeText(index){

}
     app.component.html
    -----------------------------

        <div class="col-xs-2" *ngFor="let item of items;let k=index;">
        <div class="col-xs-12" id="itemid{{index}}">aa</div>
        <button type="button" id="buttonitemid{{index}}" (click)="changeText(index)">btnn</button>
    </div>

Answer 1

只需将索引存储在组件的字段中，然后绑定到此字段

即可

app.component.ts

clickedIdx :number;
changeText(index){
  this.clickedIdx = index;
}

app.component.html

<div class="col-xs-2" *ngFor="let item of itmes"></div>
    <div class="col-xs-2" *ngFor="let item of items;let k=index;">
    <div class="col-xs-12" id="itemid{{index}}">aa</div>
    <button type="button" id="buttonitemid{{clickedIdx}}" (click)="changeText(k)">btnn</button>
</div>