角度2のチェックボックスをスペースバーでチェックします

Question

角度2の新機能で、チェックボックス機能を1つ実装しようとすると、スペースバーを押すとチェックボックスがオンになり、チェックボックスがオフになります。私component.ts-

handleKeyUp($event,checkBox: MdCheckBox){ 
    if ($event.code===32){ 
    checkBox.checked=true; 
    } 
} 

私はスペースバーを押すと、チェックボックスがチェックされているが、それがないでスペースバーを経由してのチェックボックスを選択するためのcomponent.html-

<md-checkbox #checkBox (keyup)="handleCheckBoxKeyUp($event,checkBox)" name="" value=""></md-checkbox> 

コードのチェックボックスのための

コードスペースバーの次のヒット時にチェックが外されることはありません。それは連続して起こるはずです。どんな助けも大いに評価されるでしょう。

また、この機能を複数のページで再利用したいと考えています。それがどうやってできるのか教えてください。ありがとう。

Answer 1

これは非常に基本的なプログラミングの質問です。

checkedプロパティをtrueに設定する代わりに、スペースバーがヒットするたびにその値を反転させたいとします。

これは、!または論理NOT演算子を使用して行われます。あなたのケースでは、それは次のようになります。

checkBox.checked = !checkBox.checked; 

チェックボックスがオン（またはtrue）されている場合は、!は、それを反転し、falseにcheckedを設定します。