Угловой коврик-подсказка, вызывающая функцию

Question

Я хочу вызвать метод selections () из всплывающей подсказки кнопки, который что-то делает и возвращает строку, которая должна отображаться при наведении всплывающей подсказки.Я попытался интерполировать возвращаемое значение в html, но это не сработало

app.component.html

<button mat-raised-button
      matTooltip={{selections()}}
      matTooltipClass = "test"
      aria-label="Button that displays a tooltip when focused or hovered 
      over">
Action
</button>

Строка "selected" должна быть возвращенаиз функции и отображается при наведении на всплывающую подсказку

app.component.ts

selections() {
this.selectedelems = [];
this.selection.selected.map(id => this.tableData.data.filter((row: any) => 
{
  if (row._id === id) {
    this.selectedelems.push(row.name);
    this.selected = this.selectedelems.join('\r\n');
    }
}));
return this.selected;
}

Answer 1

Вам необходимо использовать выражение шаблона через привязку свойства. Следующее должно вызвать ваш метод и получить возвращенную строку.

<button mat-raised-button
      [matTooltip]="selections()"
      matTooltipClass = "test"
      aria-label="Button that displays a tooltip when focused or hovered 
      over">
Action
</button>

---

Следующая ссылка - информация о выражениях шаблона

https://angular.io/guide/template-syntax#template-expressions

Следующая ссылка является информацией о привязке свойства

https://angular.io/guide/template-syntax#property-binding

---

Обратите внимание:

Хотя это также является жизнеспособным решением для заполнения всплывающей подсказки с помощью метода компонента, согласно приведенным ниже комментариям это не было основной проблемой для этого вопроса, и интерполяция работала бы также в этом сценарии.matTooltip="{{selections()}}"