matTooltip和[matTooltip]有什么区别？

Question

我想知道区别和

在以下情况下，值的绑定是如何发生的。例如

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>

Answer 2

我认为您需要检查以下链接：  https://angular.io/guide/template-syntax

它包含有关模板语法的所有知识， 此页面是Angular模板语言的全面技术参考。它解释了模板语言的基本原理，并描述了文档中其他地方会遇到的大多数语法。

希望对您有所帮助！

Answer 3

再澄清一点 - html 标签中的任何属性都可以与括号一起使用，包括本机属性。任何没有括号的属性都将使用提供的文字字符串值，因此 <div id="test"> 之类的内容将使用文字值“test”作为 id。但是，<div [id]="test"> 将在您的组件范围内查找名为“test”的变量并使用该值，如果该变量未定义，则会出现错误。您可以使用任何原生属性执行此操作。