ngFor在ng中点击设置活动类?

时间:2017-11-17 15:37:52

标签: angular

 <div *ngFor="let position of positions" [ngClass]="{active :  position===selected.row }">


    <div *ngFor="let item of items[position], let i = index"   class="flow-one-item" (click)="selectItem(item)"> </div> </div>

我有ng在ng中我想要的是在第二次ngFor上设置活动类点击。任何建议我该怎么做? 我尝试添加selectedItem == item,但它不起作用,我认为是因为items[position]

1 个答案:

答案 0 :(得分:0)

这是因为您正在选择主阵列“位置”的项目,您必须更改点击事件的代码以发送当前位置,而不是项目。像这样的东西

<div *ngFor="let position of positions" 
     [ngClass]="{active :  position===selected.row }">


     <div *ngFor="let item of items[position], let i = index"     
           class="flow-one-item" (click)="selectItem(position)"></div> 
</div>