angular - matTooltip 和 [matTooltip] 有什么区别？

Question

我想知道和的区别

在以下情况下如何绑定(bind)值。例如

1. [matTooltip]

2. matTooltip(无括号)

3. (点击)

谢谢

Answer 1

1) 带括号——取一个变量值；例如

const myTooltip: string = 'My tooltip text'

<button [matTooltip]="myTooltip">Click</button>

当您的工具提示文本可能因条件而异时使用，以便您通过组件逻辑控制文本。

---

2) 不带括号——直接取一个字符串值；例如

<button matTooltip="My tooltip text">Click</button>

当您的工具提示永远不会改变时使用，因此您可以将文本直接保留在模板中。

---

3) 事件处理程序——接受一个函数；例如

<button (click)="myButtonClickHandler()">Click</button>