没有ngmodel的角度复选框？用什么代替？

如何解决没有ngmodel的角度复选框？用什么代替？

我有一个需要增强的复选框，以前它处理了对后端的调用，但现在不再需要了，只需要是一个复选框，如果选中则关闭其他复选框：

    <label class="custom-control custom-checkBox" style="display: block">
      <input type="checkBox" class="custom-control-input" id="myCheckBox" name="myCheckBox"
             [(ngModel)]="checkBoxPolicy" (ngModelChange)="parentcheckBox($event,child1,child2,child3)">
      <span class="custom-control-indicator"></span>
      <span class="custom-control-description">
        <span id="checkBoxstart">
        </span>
      </span>
    </label>

我需要完全删除 ngModel，但输入需要它，我是否可以拥有一个纯粹用于 UI 目的的无数据复选框。不控制任何数据，只控制ngModelChange方法中的其他框。

解决方法

您可以删除代码中的 [(ngModel)] 并将 (ngModelChange) 替换为 (change) ，它会起作用。 checkboxPolicy 实现的任何功能都可以由 parentcheckBox 函数中的 $event 处理。下面的代码应该按要求工作。

<label class="custom-control custom-checkbox" style="display: block">
      <input type="checkbox" class="custom-control-input" id="myCheckbox" name="myCheckbox"
              (change)="parentcheckbox($event,child1,child2,child3)">
      <span class="custom-control-indicator"></span>
      <span class="custom-control-description">
        <span id="checkboxstart">
        </span>
      </span>
    </label>

---

  parentcheckbox(val,x,y,z) {
    const isChecked = val.currentTarget.checked;
    if (isChecked) {
      // disable the checkboxes
    } else {
      // enable the checkboxes
    }
  }