Как снять флажок HTML, если пользователь нажимает кнопку отмены в приглашении в событии Angular change

Question

Цель: Пользователь установил флажок, который запускает мою функцию checkedAmPrompt. Если пользователь нажимает кнопку «Отмена» в приглашении, он снимает флажок, который они отметили. Если они нажмут OK, то все будет продолжаться, как запланировано, и останется проверенным. В настоящее время он работает нормально, за исключением того, что я не могу найти способ снять флажок.

Соответствующий код ниже:

webpage.component.html - обратите внимание, что это таблица, в которой есть флажок, соответствующий каждой строке.

<td><input type="checkbox" class="form-control" id="checkedAm" (change)="checkedAmPrompt($event)"></td>

webpage.component.ts

// Prompt to confirm checkbox action
checkedAmPrompt(event: any) {
  const confirm = prompt('If you are certain that what you are doing is correct please type CONFIRM to continue.');

  // What to do if user selects cancel to pop-up, otherwise user confirms action
  if (confirm == null) {
    console.log('User hit cancel.');
    // ***** WANT TO PUT LOGIC TO UNCHECK HERE *****
  } else if (confirm.toLowerCase() === 'confirm') {
    // submit the changes if they type in confrim
    console.log('changes submitted!')
  } else {
    // if they misspell confirm let them know
    console.log('Incorrect spelling.');
  }
}

Логика для снятия флажка HTML заменит // ***** WANT TO PUT LOGIC TO UNCHECK HERE *****

Обратите внимание, что я не использую JavaScript, мой HTML-файл содержит только HTML / Angular, и на все функции ссылается машинописный текст компонента. Я очень новичок во всем, поэтому, пожалуйста, извините, если это плохой выбор.

Answer 1

Вы можете использовать ng-checked="(var bool or function that return bool)"

Answer 2

Разобрался, что мне нужно было сделать.

HTML:

[checked]="checkCheck()"

Компонент:

checkCheck () {
return true;
}

Answer 3

Просто используйте document.getElementById('checkedAm').checked = false, это работает?