В Angular 8, чтобы отметить радиокнопку по умолчанию, можно воспользоваться свойством [(ngModel)] в сочетании с директивой [checked].
Процесс отметки радиокнопки по умолчанию можно разбить на следующие шаги:
1. Создайте переменную в компоненте, которая будет хранить значение выбранной радиокнопки. Например:
selectedOption: string = 'option1';
2. В HTML-шаблоне вашего компонента определите набор радиокнопок с помощью тега <input> и установите значение свойства [checked] произвольно:
<label for="option1">Option 1</labe>
<input type="radio" id="option1" name="options" [(ngModel)]="selectedOption" [value]="'option1'" [checked]="selectedOption==='option1'">
<label for="option2">Option 2</labe>
<input type="radio" id="option2" name="options" [(ngModel)]="selectedOption" [value]="'option2'">
<label for="option3">Option 3</labe>
<input type="radio" id="option3" name="options" [(ngModel)]="selectedOption" [value]="'option3'">
3. Когда компонент будет загружен, радиокнопка с выбранным значением переменной selectedOption будет отмечена по умолчанию и отображена на странице.
Обратите внимание, что названия радиокнопок должны быть уникальными в пределах своей группы, за счет атрибута name с одинаковым значением. Использование [(ngModel)] позволяет связать переменную selectedOption с выбором пользователя, а [value] позволяет установить значение, которое будет связано с выбором пользователя.
Таким образом, с помощью свойства [checked] в сочетании с [(ngModel)] и [value] в Angular 8 можно отметить радиокнопку по умолчанию.