/Javascript/AngularJS/How to use edit and delete button in angular table in each row

How to use edit and delete button in angular table in each row

<!-- ID Column -->
<ng-container cdkColumnDef="username">
<md-header-cell *cdkHeaderCellDef> User Name </md-header-cell>
<md-cell *cdkCellDef="let row"> {{row.username}} </md-cell>
</ng-container>

<!-- Email Column -->
<ng-container cdkColumnDef="email">
<md-header-cell *cdkHeaderCellDef> Email </md-header-cell>
<md-cell *cdkCellDef="let row"> {{row.email}} </md-cell>
</ng-container>

<!-- First Name Column -->
<ng-container cdkColumnDef="userFirstName">
<md-header-cell *cdkHeaderCellDef> First Name </md-header-cell>
<md-cell *cdkCellDef="let row"> {{row.userFirstName}} </md-cell>
</ng-container>

<!-- Last Name Column -->
<ng-container cdkColumnDef="userLastName">
<md-header-cell *cdkHeaderCellDef> Last Name </md-header-cell>
<md-cell *cdkCellDef="let row" [style.color]="row.color"> {{row.userLastName}} </md-cell>
</ng-container> 

<!-- Phone Column -->
<ng-container cdkColumnDef="userMobile">
<md-header-cell *cdkHeaderCellDef> Phone </md-header-cell>
<md-cell *cdkCellDef="let row" > {{row.userMobile}} </md-cell>
</ng-container> 

<!-- Role Column -->
<ng-container cdkColumnDef="authority">
<md-header-cell > Role </md-header-cell>
<md-cell *cdkCellDef="let row" > {{row.authority}} </md-cell>
</ng-container> 

<!-- Action Column 
<md-header-cell > Action </md-header-cell>
<md-cell  > <button md-raised-button >Edit</button> </md-cell> -->

<md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
<md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>

Source: stackoverflow.com

Similar codes

0 vote208 views1 answer
Get image from s3 bucket angular
Javascript AngularJS
2 votes210 views1 answer
@input and @Output in angular
Javascript AngularJS
1 vote183 views3 answers
Dynamically add id ro div in angular using forloop ngfor
Javascript AngularJS
0 vote206 views1 answer
How to set direction based on language in angular
Javascript AngularJS
0 vote194 views1 answer
Angular Laravel has been blocked by CORS policy: Request header field x-requested-with is not allowed by Access-Control-Allow-Headers in preflight response.
Javascript AngularJS
2 votes191 views1 answer
Remove single item from array in angular
Javascript AngularJS
0 vote176 views1 answer
Hashtag strategy angular
Javascript AngularJS
1 vote195 views1 answer
Angular 10 set error on form controle
Javascript AngularJS
0 vote213 views1 answer
Recuperer une image dans la base de données avec angular
Javascript AngularJS
3 votes210 views1 answer
Scroll down div from component angular
Javascript AngularJS