Angular - как получить атрибут заголовка нажатой кнопки? - PullRequest
Новая
       12

Angular - как получить атрибут заголовка нажатой кнопки?

0 голосов
/ 24 августа 2018

Я работаю над небольшим угловым проектом, и в моей форме есть 3 кнопки, и я хотел бы получить их заголовок при нажатии.Они нажимаются обычно один за другим, что я пробовал до сих пор:

вот мой HTML: 

<div class="extra-btns">
  <button type="button" title="Title 1"  (click)="getMyTitleOne($event)" class="btn xbutton-square" style="font-size: 16px;"><i class="fas fa-newspaper fa-fw"></i></button>
  <button type="button" title="Title 2" (click)="getMyTitleTwo($event)" class="btn xbutton-square"><i class="fas fa-fw"></i></button>
</div>

Мой машинописный код: 

  getMyTitleOne($event) {
    console.log($event.target.title);
  }

  getMyTitleTwo($event) {
    console.log($event.target.title);
  }

Нов моей консоли иногда я получаю значения, а иногда нет, очень странно, но большую часть времени значения не определены:

enter image description here

Спасибо, ребята, ура

1 Ответ

0 голосов
/ 24 августа 2018

используйте переменные шаблона: 

<button #button1 (click)="log(button1.title)" title="Hello, world !">Click me !</button>

Stackblitz

...