Question

我在材料表中使用了mat-radio-button，它正确显示在每一行的开头。

但是，当我单击另一个选项时，以前的选择仍然保持选中状态。

那么，在选择另一个后如何取消选择呢？

<ng-container matColumnDef="radio">
    <th mat-header-cell *matHeaderCellDef></th>
    <td mat-cell *matCellDef="let row">
      <mat-radio-group>
        <mat-radio-button (click)="radioSelected(row)" [value]="row">
        </mat-radio-button>
      </mat-radio-group>
    </td>
</ng-container>

Answer 1

现在您正在为每个循环创建一个新的无线电组，您想要的是一个组，并且仅为每个循环匝创建按钮。

因此，请尝试将您的组带到容器上方，以使其包裹每个单选按钮，而不是每个按钮都包含一个单选组。

无线电组是将按钮基本链接在一起的

Answer 2

您尚未设置任何模型，因此他们正在使用与任何收音机匹配的通用模型，因此首先需要使用ngModel设置一个模型：

<mat-radio-group [(ngModel)]="radio">

并在TS文件中设置一个radio属性：

radio: string;

角材料垫单选按钮不会更改选择

2 个答案: