在引导卡上应用过滤器

Question

我正在使用引导卡结构。我想对卡片结构进行过滤，如下图所示

如上图所示，例如单击“客户端程序”后，所有可用值将在带有复选框的面板中打开，我可以选择任何内容，然后单击“应用”以查看过滤后的数据。但我无法实现这一目标。下面是我的HTML结构。

 <div class="card card-design searchDatajs" *ngFor="let clientlist of myClientslistViewList">
    <div class="card-body">
      <label class="CardViewText CardViewHeaderFont marginZero">ABC</label>
      <img class="float-right" src="../../../../assets/images/MyClientCardView/bell.png" /><br />
      <label class="marginZero">(01937)</label><br />
      <span class="Audit">AUDIT</span>&nbsp;&nbsp;<span class="Audit">TAX</span>
    </div>
    <hr />
    <div class="card-body">
      <span>Public Company (ABCC)</span><br />
      <span>Core Client Program</span><br />
      <span>S-Corporation Company Type</span>
    </div>
    <hr />
    <div class="card-body">
      <img class="float-left" src="../../../../assets/images/MyClientCardView/Engagements_Review.png" />
      <a id="ViewEngagements" class="showEngagementDetailsjs marginZero" style="color:black"

      data-toggle="modal" href='#ActivityModal'>&nbsp;Active Engagements
        (5)</a>
      <img class="float-right" src="../../../../assets/images/MyClientCardView/arrow_card-view.png" />
    </div>
  </div> 

有人可以帮忙吗？