Как вернуть логические значения для флажка, установленного и не отмеченного в ANGULAR Material 6

Question

Концепция, которую я хотел бы получить, - это выбор флажка ON, я хочу, чтобы значение возвращалось как TRUE, и отмена выбора ON того же флажка, я хочу, чтобы значение возвращалось как False.

Это мой HTML код

<div class="form-group m-form__group row">
                                        <div class="col-lg-4">
                                            <mat-checkbox class="example-margin" type= checkbox value = "true" formControlName ="rti_cover" [checked] = "true">RTI</mat-checkbox>
                                        </div>
                                        <div class="col-lg-4">
                                            <mat-checkbox class="example-margin" type= checkbox value = "true" formControlName ="nildep_cover" [checked] = "true" >Nil Dep</mat-checkbox>
                                        </div>
                                    </div>

Answer 1

Вы можете получить значение флажка, связавшись с (изменить) EventEmitter. Вы можете увидеть это в документации здесь: https://material.angular.io/components/checkbox/api

В вашем компоненте вы можете создать функцию, которая прослушивает (изменить) событие и передает событие из вашего шаблона.

checkboxChanged(event) {
  console.log(event.checked);
}

Событие содержит свойство "флажок", который является логическим значением, представляющим, установлен флажок или нет.

В своем шаблоне вы можете привязать к событию:

<mat-checkbox (change) = "checkboxChanged($event)">Check me!</mat-checkbox>