Превратить проверенное состояние в ложное после закрытия модального

Question

Я реализую bootstrap переключатель внутри модального с Angular 8.

По умолчанию он находится в состоянии off, но когда я поворачиваю его on и закрываю его все еще в состоянии on.

HTML:

<div align="center" class="custom-control custom-switch">
 <input type="checkbox" class="custom-control-input" id="customSwitches">
 <label class="custom-control-label" for="customSwitches">Try it</label>
</div>

Код TS:

ngAfterViewInit(): void {

    $('#modalDisplay').on('hidden.bs.modal', function () {
      $('#customSwitches').attr(':checked', false);
    }.bind(this));
}

Answer 1

Я решил это, используя ".prop", вставив фактическое значение ".attr"

Несмотря на то, что на их странице показано, что "состояние" является атрибутом, с помощью свойства оно изменило кнопку.

ngAfterViewInit(): void {

    $('#modalDisplay').on('hidden.bs.modal', function () {
      $('#customSwitches').prop(':checked', false);
    }.bind(this));
}