Как присвоить значение мат-кнопке?

#angular #angular-material

#angular #angular-материал

Вопрос:

 <button type="submit" mat-button value="PC_Job005" (click)="clickCard($event)">View Details</button>
  

Я пытаюсь присвоить значение этой кнопке на angular. По щелчку я не могу найти значение нигде в объекте MouseEvent. Как я мог бы присвоить мат-кнопке значение, а затем получить к нему доступ при нажатии или (щелчке)?

Ответ №1:

вы можете

 <button mat-button (click)="clickCard('PC_Job005')">..</button>
clickCard(value:any)
{
   console.log(value)
}
  

// или

 <button mat-button value="PC_Job005" (click)="clickCard($event)">..</button>
clickCard(event:any)
{
   //see that you need use currentTarget
   console.log(event.currentTarget.getAttribute('value'))
}
  

Комментарии:

1. @sjjk001, первый метод — передавать в качестве аргумента функции clickCard только одну строку, а не целевую, (в большинстве случаев передача события нажатием кнопки не требуется)