在角材料2中組合多列1

我正在嘗試材料2表格的示例，如tutorial中所述，它很好用。在角材料2中組合多列1

我的問題是，在他們的api或示例中，他們沒有提及將2個單獨的列組合到一個列中。

我已經具有該數據..

列1 - 用戶ID
色譜柱2 - 名字
列3 - 姓氏
柱4 - 地址

我想要一個新的列將取代Column2和Column3（即要創建名爲Full Name的新列，它將成爲Coulmn2 + co lumn3）

有沒有什麼辦法讓我可以實現所需的功能。我不想編輯服務器端的數據。這應該只能通過前端完成。

來源

2017-09-13 Ajinkya Dhote

作爲替代方案，您的服務器數據映射到目標文件格式要使用：

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

來源

2017-09-13 19:53:36

可以將多個列中的值小鬍子結合內：

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

見plunk。

來源

2017-09-13 19:51:30

在角材料2中組合多列1

回答

相關問題