角度-如何获得点击按钮的标题属性？

Question

我正在做一个小的角度项目，我的表单上有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);
  }

但是在我的控制台中，有时候我会得到值，有时却没有，很奇怪，但是大多数时候值是不确定的：

谢谢大家 干杯

Answer 1

使用模板变量：

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

Stackblitz