gpt4 book ai didi

javascript - 保留点击 Angular ngFor的背景边框

转载 作者:行者123 更新时间:2023-11-28 17:09:34 25 4
gpt4 key购买 nike

我试图保留在我的面板的每一行上单击的蓝色背景边框,该面板显示每一行中每年的数据。目前我只能将鼠标悬停在一行上,而不管面板是否在多 View 中打开。

我试图改变这种设置蓝色边框的条件

 [class.active]="((i+'_'+yearData.year)) == selectedMonthIndex"

 [class.active]="((i+'_'+yearData.year)) == selectedMonthIndex{{i}}" but not working.

请找到插件链接 here

最佳答案

我已经更新了答案。你可以检查

Link to answer

您必须在模板中更改事件类的条件

<div class="col-md-1 month-hover" *ngFor="let monthData of yearData.cardData; let i = index" (click)="setClickedMonth((i+'_'+yearData.year),i1,monthData.view);" [class.active]="(((monthData.view)) == yearData.selected) && isActive[i1]">
<ul class="col-md-12" style="list-style-type: none;line-height: 25px;">
<li class="category-title ">
{{monthData.view}}
</li>
<li class="category-value ">
{{monthData.count}}
</li>
</ul>
</div>

关于javascript - 保留点击 Angular ngFor的背景边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46947256/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com