在使用 Angular Material 框架进行开发时,我们经常会遇到如何在 Radio Group 中设置默认选中项的问题。本文将通过实例来详细介绍如何在 Angular Material 中设置 Radio Group 的默认选中项,以及解决常见的问题。
问题描述
假设我们有一个 mat-radio-group
,其中包含多个 mat-radio-button
。我们希望设置一个默认选中的选项,并且能够在选项改变时动态显示当前选中的值。以下是初始的 HTML 和 TypeScript 代码:
<mat-radio-group [(ngModel)]="selectedId">