Html 在文本输入时取消选中复选框&选中复选框时清除文本输入

我有一个搜索栏和复选框，因此：

<input type="text" placeholder="Search..." (keyup)="onKey()" [(ngModel)]="input">
<input type="checkbox" (click)="clearSearch()" [(ngModel)]="checkbox">View All

但这显然不太管用

这是一个带有上述代码的plunker：

实现此功能的最佳方式是什么

---

谢谢

在函数中，将this.checkbox设为false

 <input type="checkbox" (click)="clearSearch()" [(ngModel)]="checkbox">View All

---

你就快到了。首先，我建议您对复选框数据模型使用布尔值。数组的计算结果为true，因此复选框仍处于选中状态。如果引用实例属性，应该使用this这个词来引用它们。因此，onKey的方法应该是：

onKey() { 
 this.checkbox = false
}

 onKey() { 
     this.checkbox = false;
  }

onKey() { 
 this.checkbox = false
}