如何取消选中 Angular 中 forloop 中的特定复选框

Question

<div id="collapsefive">
  <ul class="listing-jobs">
    <li *ngFor="let jobData of companyFilter | filter:searchText">
      <span class="radio">
        <label><input type="checkbox" id="jobData.compnyname" [checked]="check(checkFilterComp,jobData.compnyname)"
            (click)="searchByFilter(jobData.compnyname,$event,'compnyname')" />
          {{jobData.compnyname}}</label>
      </span>

    </li>
  </ul>
</div>

ts文件

clearFilter(fieldNm) {
  if (fieldNm == 'compnyname') {
        ** $('#collapsefive').find('input[type=checkbox]:checked').removeAttr('checked');**

      this.searchText = '';
    $('#compnynameClear').hide();
    $('#compnynameClearDot').hide();
    this.multiCompanyFilter = [];
  }
}

在 ts 文件中，我删除了选中但它不起作用。

Answer 1

这不是处理已检查 state 的 angular 方式。

$('#collapsefive').find('input[type=checkbox]:checked').removeAttr('checked');

尝试使用 angular 提供的表单元素。

https://stackoverflow.com/a/41307884/1418760

Answer 2

如果你真的想使用 jQuery 方式，你可以使用

$('#collapsefive').find('input[type=checkbox]:checked').prop('checked', false);

或者

$('#collapsefive').find('input[type=checkbox]:checked').attr('checked', false);

但是，由于您的复选框是动态的并且基于check(checkFilterComp,jobData.compnyname)被选中/取消选中

在clear filter的情况下，您需要有一个标志来停止执行此方法，或者以最佳方式仅在列表本身中相应地更改值。