angular - 处理复选框 Angular2 上的更改

Question

我有复选框，我想在上面使用 (change)。默认为“选中”，但单击后我想要清除输入文本“激活 key ”。重新检查后我想生成 guid 并再次添加到输入中。如何获取复选框是否被选中？

<div class="checkbox">
    <label>
       <input type="checkbox" checked (change)="handleChange($event)" > 
           Generate key
    </label>
</div>

TS

handleChange(e) {
    var isChecked = e.isChecked;
    if (isChecked) {
        this.gatewayForm.patchValue({ 'activationKey': this.guid() });
    }
    else {
       this.gatewayForm.controls['activationKey']
           .setValue('', { onlySelf: true });
    }
}

Answer 1

你可以通过e.target.checked获取复选框状态

handleChange(e) {
  var isChecked = e.target.checked;
  ...
}