要在Angular Material表格中格式化输出,可以使用Angular的管道来实现。下面是一个包含代码示例的解决方法:
ng add @angular/material
import { MatTableModule } from '@angular/material/table';
import { MatSortModule } from '@angular/material/sort';
@NgModule({
imports: [
MatTableModule,
MatSortModule
],
...
})
export class YourModuleName { }
姓名
{{ person.name }}
年龄
{{ person.age }}
import { MatTableDataSource } from '@angular/material/table';
import { MatSort } from '@angular/material/sort';
@Component({
...
})
export class YourComponentName implements OnInit {
dataSource: MatTableDataSource;
displayedColumns: string[] = ['name', 'age'];
constructor() { }
ngOnInit() {
// 假设你有一个Person对象的数组
const data: Person[] = [
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Bob', age: 40 }
];
this.dataSource = new MatTableDataSource(data);
}
}
{{ person.birthday | date:'yyyy-MM-dd' }}
这是一个简单的用法示例,你可以根据你的需求自定义和扩展这个解决方法。