如何获取单击按钮的标题属性？

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