Question

我正在尝试使用此tutorial中解释的材质2表的示例，并且效果很好。

我的问题是，在他们的api或示例中，他们没有提到将2个单独的列组合成一个单独的列。

我有这些数据..

第1列 - 用户ID
第2栏 - 名字
第3栏 - 姓氏
第4栏 - 地址

我想要一个新的列，它将替换Column2和Column3（即想要创建名为Full Name的新列，它将是Coulmn2 + column3）

有没有什么方法可以让我实现所需的功能。我不想为此在服务器端编辑数据。这应该只通过前端完成。

Answer 1

您可以在胡子绑定中连接多个列的值：

<md-cell *mdCellDef="let row"> {{row.id.toString() + ' ' + row.name.toString()}} </md-cell>

请参阅plunk。

Answer 2

作为替代方案，将服务器数据映射到您要使用的对象格式：

interface User {
  id: string;
  firstName: string;
  lastName: string;
  address: string;
}

interface UserDisplay {
  id: string;
  fullName: string;
  address: string;
}

const displayUsers: UserDisplay[] = this.getAllUsers()
  .map(user => {
    return {
      id: user.id,
      fullName: `${firstName} ${lastName}`,
      address: user.address,
    }
  });

在角材料2中将多个柱组合为1

2 个答案: