Combinaison de plusieurs colonnes à 1 dans le matériau angulaire 2

Question

J'essayais l'exemple de la table de matériel 2 comme expliqué dans ce tutorial et cela a fonctionné gentil.

Mon problème est que dans leur api ou exemple ils n'ont nulle part mentionné de combiner 2 colonnes séparées à une seule colonne.

j'avoir ces données ..

1. Colonne 1 - ID utilisateur
2. Colonnes 2 - Prénom
3. Colonnes 3 - Nom
4. Colonne 4 - Adresse

Je veux une nouvelle colonne qui remplacera Colonne2 et Colonne3 (ie veut faire une nouvelle colonne avec le nom Full Name qui sera Coulmn2 + co lumn3)

Y at-il un moyen pour que je puisse atteindre la fonctionnalité souhaitée. Je ne veux pas modifier les données du côté serveur pour cela. Cela ne devrait être fait que via frontend.

Answer 1

Comme alternative, mapper vos données du serveur dans le format de l'objet que vous souhaitez utiliser:

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

Answer 2

Vous pouvez concaténer plusieurs valeurs de colonnes dans la moustache de liaison:

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

Voir la plunk.