在Angular Material中使用mat-radio-buttons在mat-table中的解决方法如下所示:
npm install @angular/material
import { NgModule } from '@angular/core';
import { MatTableModule } from '@angular/material/table';
import { MatRadioModule } from '@angular/material/radio';
@NgModule({
imports: [
MatTableModule,
MatRadioModule
],
exports: [
MatTableModule,
MatRadioModule
]
})
export class MaterialModule { }
Name
{{row.name}}
Gender
Male
Female
import { Component } from '@angular/core';
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent {
displayedColumns = ['name', 'gender'];
dataSource = [
{ name: 'John', gender: 'male' },
{ name: 'Jane', gender: 'female' }
];
}
这样,你就可以在mat-table中使用mat-radio-buttons来显示和选择数据了。