Angular数据表：如何根据列数据禁用直接行复选框

Question

如何根据列数据禁用行复选框。有一个数据表，必须写一个条件，如果 firstname="Superman", 需要 disable checkbox of the row. 所以不可能再次 select 复选框。我尝试使用以下代码，但无法禁用该复选框。我试过下面的代码，

this.http.get(dataUrl).subscribe(response => {
  // setTimeout(() => {
  this.persons = response.data;
  $.each(this.persons, function(key, value) {
    if (value.firstname == "Superman") {
      console.log("inside");
      // $('.checkboxCls').prop('disabled', true);
      $(this)
        .closest("tr")
        .find("input[type=checkbox]")
        .prop("disabled", true);
    }
  });
  this.dtTrigger.next();
  // });
});

这是工作Stackblitz供参考。能否请您提出问题所在。

Answer 1

您可以从 HTML 模板端禁用复选框。

    <td><input [disabled]="person.firstName === 'Superman'" type="checkbox" class="checkboxCls" name="id" [checked]="isChecked" value="{{person.id}}"></td>

已编辑 StackBlitz 代码

Angular数据表：如何根据列数据禁用直接行复选框

Angular Datatable: How to disable immediate row checkbox based on the column data

javascript

jquery

angular

datatables

angular-datatables