Hello,

J'utilise un controle Tableau Material Angular dans mon code. Sur chaque ligne, j'ai une dernière colonne "Actions" avec trois boutons : Edit, View et Effacer.
J'ai aussi d'autres colonnes avec nom, prénom, etc...

Je souhaite quand je clique sur l'un des boutons d'une des lignes avoir les infos de la ligne en question. Exemple sur la ligne Robert Dupont, je clique sur editer, j'ai en retour dans mas fonction : Robert, Dupont, mail, etc... Bref les infos de la ligne séléctionnée.

Je bloque sur la partie code (component); Ci-dessous un bout de mon code de tableau. Les fonctions "clicks" ne revoient aujourd'hui que "undefined". Impossible d'obtenir les informations de la ligne. Comme vous voyez, j'ai fait des essais differents sur mes 3 boutons.

Merci de votre aide, exemples, etc...

Creepy

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
   <ng-container matColumnDef="email">
                <th class="thUsers" mat-sort-header mat-header-cell *matHeaderCellDef>Email</th>
                <td mat-cell *matCellDef="let element"> {{element.email}}</td>
            </ng-container>
 
            <ng-container matColumnDef="actions">
                <th class="thUsers" mat-sort-header mat-header-cell *matHeaderCellDef>Actions</th>
                <td class="actionsButtons" mat-cell *matCellDef="let element" (click)="$event.stopPropagation()" >
                    <img align="middle" (click)="viewLine(element.id)" class="actionButtons"
                         title="Delete searched text"
                         src="../../assets/img/view.png"
                         height="26" width="26">
                    <img align="middle" (click)="editLine(element)" class="actionButtons"
                         title="Delete searched text"
                         src="../../assets/img/edit.png"
                         height="26" width="26">
                    <img align="middle" (click)="deleteLine(element)" class="actionButtons"
                         title="Delete searched text"
                         src="../../assets/img/delete.png"
                         height="29" width="29">
                </td>
            </ng-container>