Как в angular 8 отметить радиокнопку по умолчанию?

Question

[vrazbros]

На странице есть две радио кнопки, нужно одну из них отметить по умолчанию, перепробовал различные атрибуты checked и checked="true" но ничего к сожалению не подходит. В гугле нашел варианты, но они похоже подходят только для angularJS или angular 2... а у меня используется angular 8.

Вот сам код в test.component.html:

<div class="form-check" >
        <mat-radio-button type="radio" class="form-check-input" id="materialUnchecked" name="filterType" value="0" [(ngModel)]="filterType" [checked]="true">By client</mat-radio-button>

        <mat-radio-button type="radio" class="form-check-input" id="materialChecked" name="filterType" value="1" [(ngModel)]="filterType">By student</mat-radio-button>
        <br><br>
    </div>

test.component.ts:

protected filterType;

Answer 1

[0xD34F]

Оберните кнопки в mat-radio-group, которой добавьте [(ngModel)]="filterType" (а с самих кнопок уберите). Ну и пусть изначально filterType будет равен "0" или "1", в зависимости от того, какая из кнопок у вас должна быть активна.