Angular 在角材质2中将多个列合并为1

我尝试了材料2表的例子，如本文所述，效果很好

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

我有这个数据

第1列-用户ID

第2列-名字

第3列-姓氏

第4栏-地址

我想创建一个新列，它将替换Column2和Column3（即，我想创建一个名为

全名的新列，它将是Coulmn2+Column3）

是否有任何方法可以实现所需的功能。
我不想为此编辑服务器端的数据。这只能通过前端完成。
您可以在小胡子绑定中连接多个列的值：

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

{{row.id.toString（）+''+row.name.toString（）}

请参见。
您可以在小胡子绑定中连接多个列的值：

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

{{row.id.toString（）+''+row.name.toString（）}

另请参见。
将服务器数据映射到要使用的对象格式：

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,
    }
  });

或者，将服务器数据映射到要使用的对象格式：

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,
    }
  });