[英]Retain background border on click angular ngFor
我試圖保留在我的面板的每一行上單擊的藍色背景邊框,該邊框連續顯示每年的數據。 目前,無論面板在多視圖中打開,我都只能懸停在一行上。
我試圖改變這種設置藍色邊框的條件
[class.active]="((i+'_'+yearData.year)) == selectedMonthIndex"
到
[class.active]="((i+'_'+yearData.year)) == selectedMonthIndex{{i}}" but not working.
請在這里找到plunker鏈接
我已經更新了答案。 你可以檢查
您必須在模板中更改活動類的條件
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.