问题描述
<div class="col-4" style="display: block; padding-top: 10px;">
<div class="list-group" id="listDetails" *ngFor="let filter of filters">
<a class="list-group-item list-group-item-action" (click)='SelectedItem($event,filter)'
style="border-style: hidden;" id="list-home-list">
<div class="container">
<div class="row">
<img width="30" height="30" src={{filter.FilterImage}}>
<span
style="padding: 2px; margin-left: 1px; margin-right: 10px;">{{filter.FilterDiasplayName}}</span>
<div class='col d-flex justify-content-end'>
<span class="badge">{{filter.FilterValue}}</span>
</div>
</div>
</div>
</a>
</div>
</div>
在这种情况下如何实现多选选项?该列表是动态的。选择后,所有选定的行都应处于活动状态。
解决方法
如果您只想突出显示所选项目,也许应该添加课程并更改其课程?
ls =[1,2,3,4,5,6]
a = ls[::2]
b = ls[1::2]
for i,j in zip(a,b) :
print(i,j)
并将类添加到活动项目,然后在CSS中添加
<a class="list-group-item list-group-item-action {{ itemClass }}"...................
并在您的click函数上处理项目的类