Question

我有一个Angular Material mat-table，其中的复选框和行的列均使用Material组件。我可以使用row.checked获取复选框的选定状态，如下所示。如何找到单选按钮的选定状态？

<ng-container matColumnDef="selectCheck">
  <th mat-header-cell *matHeaderCellDef></th>
  <td mat-cell *matCellDef="let row" [ngClass]="row[columnCompare] != valueCompare? 'styled-cell' : null">
    <mat-radio-group [(ngModel)]="row.selected">
      <mat-radio-button (change)="radioSelected(row)"></mat-radio-button>
    </mat-radio-group>
  </td>
</ng-container>

<ng-container matColumnDef="selectRadio">
  <th mat-header-cell *matHeaderCellDef></th>
  <td mat-cell *matCellDef="let row">
    <mat-radio-button (change)="radioSelected(row)"></mat-radio-button>
  </td>
</ng-container>

TS

public radioSelected(row): void {
  //row.checked is undefined here
}

Answer 1

尝试一下。

<ng-container matColumnDef="selectCheck">
  <th mat-header-cell *matHeaderCellDef></th>
  <td mat-cell *matCellDef="let row" [ngClass]="row[columnCompare] != valueCompare? 'styled-cell' : null">
    <mat-radio-group [(ngModel)]="row.selected">
      <mat-radio-button (change)="radioSelected(row)"></mat-radio-button>
    </mat-radio-group>
  </td>
</ng-container>

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

TS

public radioSelected(row): void {
  console.log(row.selected);
}

获取“角度材料”单选按钮的选定状态

1 个答案: