Как определить щелчок, означает, какая кнопка была нажата

Question

Я использую угловой 6.

На странице списка клиентов у меня есть 3 кнопки: «NEW», «EDIT», «VIEW». Будет отображаться до 1 компонента.

Так что мне нужно определить, какая кнопка была нажата, поэтому я буду менять свою страницу.

Я передаю каждую строку в качестве параметра.

component.html

---

<button mat-icon-button 
        matTooltip="Click to View" 
        (click)="viewCustomer(row)" 
        class="iconbutton" 
        color="primary">
  <mat-icon>visibility</mat-icon>
</button>
<button mat-icon-button 
        matTooltip="Click to Edit" 
        (click)="editCustomer(row)" 
        class="iconbutton" 
        color="primary">
  <mat-icon>edit</mat-icon>
</button>

общий компонент

---

viewCustomer(customer) {
  console.log(event.target);
  this.service.populateForm(customer);
  const dialogConfig = new MatDialogConfig();
  // dialogConfig.disableClose = true;
  dialogConfig.autoFocus = true;
  dialogConfig.width = '60%';
  this.dialog.open(CustomerComponent,dialogConfig);
}

Answer 1

Вы можете просто передать 2-й аргумент в событии щелчка следующим образом:

(click)="viewCustomer(row,'view')"
(click)="viewCustomer(row,'edit')"

и проверить условие в вашем файле ts компонента

viewCustomer(row, type){
if(type=== 'view'){
  //logic here
} else if(type === 'edit') { 
  //other logic here
}