角度は、チェックボックスが.TSから

Question

をチェックされている場合、私は角度4を使用していますが、私は、コンポーネントのHTMLテンプレートファイルの私のコンポーネントのチェックボックスを持って検出：私は、この持っている私のコンポーネントの.TSファイルで

<input type="checkbox" (change)="canBeEditable($event)"> 

を値はtrueに設定されます。

toggleEditable() { 
    this.contentEditable = true; 
} 

私の問題は、チェックボックスがオンの場合にのみ値を変更したいことです。

だから、それは次のようになります。

toggleEditable() { 
    if (checkbox is checked) { 
     this.contentEditable = true; 
    } 
} 

私はこれをどのように行うことができますか？

Answer 1

この問題を解決するには、event.target.checkedをチェックする必要があります。これは、あなたがそれを達成する方法である：あなたのコンポーネントの.TSで

<input type="checkbox" (change)="toggleEditable($event)"> 

：[チェックボックス要素は活字体でチェックされているか確認してください]（https://stackoverflow.com/questionsの

toggleEditable(event) { 
    if (event.target.checked) { 
     this.contentEditable = true; 
    } 
}