angular - 如何在 angular 8 中设置默认选中的单选按钮？

Question

我对 angular 8 技术非常陌生，并且在设置默认选中的单选按钮之一时遇到了一些问题。

我尝试添加其中一些属性 [checked]="true", checked但问题还是一样。

HTML

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

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

TS

protected filterType;

任何帮助，将不胜感激。谢谢

Answer 1

为变量设置默认值并使用如下
这里我使用 flag 作为默认变量

TS

 import { Component } from '@angular/core';

    @Component({
      selector: 'my-app',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })
    export class AppComponent {
      name = 'Angular';
      flag: any;
      constructor() {
        this.flag = 0;
      }
    }

HTML

<input type="radio" name="1" id="1" class="with-gap" [(ngModel)]="flag" [value]="0">
<input type="radio" name="2" id="2" class="with-gap" [(ngModel)]="flag" [value]="1" >
{{flag}}

这是 stackblitz 网址

https://stackblitz.com/edit/angular-dyy5y8