Angular Material mat-radio-button 不会改变选择

杰克

我在材料表中使用 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>
尤安·德斯福格斯

现在您正在为每个循环创建一个新的无线电组,您想要的是拥有一个组并且只为每个循环创建按钮。

因此,尝试将您的组放在容器上方,以便它包含每个单选按钮,而不是每个按钮有一个单选组。

无线电组基本上将按钮链接在一起。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在具有 mat-radio-group 的“selected”属性的 Angular Material 中选择 mat-radio-button?

Angular 6和Angular Material-mat-radio-group [(ngModel)]在* ngFor内部设置动态变量

设置mat-radio-button的默认设置是在带有angular2的mat-radio-group中

Angular 5 Material mat 选择:根据所选值进行过滤,

取消选择效果Radio Material2 Angular 5

如何禁用 mat-radio-button 的焦点?

使Mat-Raised-Button HTML链接到PDF(Angular 6 + Material)

如何使用Angular Material <mat-button-toggle>绑定到模型?

在 Material UI 中选择另一行时,所选行的颜色不会改变

Angular Material mat-card-content 和 mat-card-actions:如何改变这两者之间的间距?

如何为mat-radio-button或mat-radio-group设置占位符?

Angular Material 2 mat-slide-toggle 改变拇指滑动距离

(IONIC 4) ion-tab-button 在点击/选择时不会改变颜色

Angular Material Mat Menu 禁用 matMenuTriggerFor

Angular Material 2自动完成,mat-option元素不会触发键入事件

嘗試設置默認的 mat-radio-button

ngClass mat-radio-button(如果选中)/角度

如何突出显示 mat-radio-button 行?

当mat-dialog方向为RTL时,mat-radio-button无法正常工作

如何在 Angular 中禁用 Mat Radio 按钮?

Material-UI <Radio />,外观类似于<Button />

Angular Material => Mat-chip-通过空格键选择下拉菜单时自动完成(输入)

Angular-material-table :- 获取 mat-table 的错误

Angular Material Mat-table 不渲染数据

在“@angular/material”中找不到“MAT_DIALOG_DATA”

如何在Angular Material上更改Mat-icon的大小?

设置值后,Angular Material mat-select不刷新

如何过滤Mat-tree组件Angular Material 6.0.1

Angular Material mat-datepicker(更改)事件和格式