.ts에서 Angular detect If 확인란이 선택되어 있습니다.

.ts에서 Angular detect If 확인란이 선택되어 있습니다.

Angular 4를 사용하고 있으며 구성 요소의 HTML 템플릿 파일에 확인란이 있습니다.

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

구성 요소의 .ts 파일에 true로 설정된 값이 있습니다.

toggleEditable() {
    this.contentEditable = true;
}

문제는 확인란이 선택된 경우에만 값을 변경하는 것입니다.

따라서 다음과 같이 표시됩니다.

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

어떻게 해야 하나요?

확인이 필요합니다.event.target.checked이 문제를 해결하기 위해.이를 실현할 수 있는 방법은 다음과 같습니다.

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

구성 요소의 .ts에서:

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

언급URL : https://stackoverflow.com/questions/45762780/angular-detect-if-checkbox-is-checked-from-the-ts