のチェックを外し、チェックボックスはチェックボックスが

Question

をチェックされているとき、私は検索バーがあり、ようにボックスをチェック：

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

を検索バーに誰の種類は、私は、チェックボックスがオフになりたい時はいつでも。 同様に、誰でもチェックボックスにチェックを入れると、検索バーをクリアします。

私は次のことを試してみた：

export class App { 
checkbox = ['checked'] 
clearSearch() { 
this.input = ''; 
}; 
onKey() { 
checkbox = ['unchecked'] 
} 

をしかし、それは明らかに非常に動作しません。この機能を実現するための最良の方法であるhttps://plnkr.co/edit/uAYxswpoz18jlRUqAMn5?p=preview

：ここ

は、上記のコードでplunkerのですか？

ありがとうございます！

Answer 1

あなたは、ほとんどがありました。まず、チェックボックスのデータモデルにブール値を使用するようアドバイスします。配列がtrueに評価されるので、チェックボックスはまだチェックされています。インスタンスプロパティを参照する場合は、thisという単語を使用してインスタンスプロパティを参照する必要があります。だから、この方法onKey()は次のようになります。

onKey() { 
this.checkbox = false 
} 

plunker

Answer 2

この関数では、this.checkboxをfalseにします。

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

あなたの関数は

onKey() { 
    this.checkbox = false; 
    } 

DEMO