Угловой материал мат-радио-кнопка дает неправильное значение

Question

Я пытаюсь использовать угловой материал mar-radio-button для выбора между true и false. Я установил значение по умолчанию, но когда я нажимаю другую кнопку-переключатель, он дает значение выбранного по умолчанию значения. Мой HTML

Компонент

Таким образом, значение false устанавливается автоматически, и если я выбираю значение true, оно все равно выводит false.

Я использую

console.log(this.shippingForm.get('signatureReq').value) to print out the value.

Answer 1

Полагаю, это то, чего вы хотите достичь.

В вашем HTML измените его следующим образом:

<mat-radio-group formControlName="signatureReq" (change)="changeRadioValue()">
    <mat-radio-button [value]="'true'">Option 1</mat-radio-button>
    <mat-radio-button [value]="'false'">Option 2</mat-radio-button>
</mat-radio-group>

Значение signatureReq обновляется при нажатии на параметр.

См. Stackblitz для демонстрации.