首页 文章

处理复选框Angular2上的更改

提问于
浏览 次
4

我有复选框，我想使用 (change) . 默认为"checked"，但点击后我想要清除输入文本"Activation 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 });
    }
}
angular checkbox angular2-forms

1 回答

  • 5

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

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

相关问题