在Angular中,可以使用map
方法将对象数组转换为字符串数组,然后将其显示在Angular材料表中。下面是一个示例代码:
objects = [
{ id: 1, name: 'Object 1' },
{ id: 2, name: 'Object 2' },
{ id: 3, name: 'Object 3' }
];
getNames(): string[] {
return this.objects.map(obj => obj.name);
}
getNames
方法来获取字符串数组,并将其显示在Angular材料表中:<table mat-table [dataSource]="getNames()">
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef>Name</th>
<td mat-cell *matCellDef="let name">{{ name }}</td>
</ng-container>
<tr mat-row *matRowDef="let name; columns: ['name']"></tr>
</table>
这样,对象数组就会被转换为字符串数组,并在Angular材料表中显示出来。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云