В чем разница между matTooltip и [matTooltip]?

Question

Хотелось бы узнать разницу и

как происходит привязка значений в следующих случаях. например

1. [matTooltip]

2. matTooltip (без кронштейна)

3. (нажмите)

Спасибо

Answer 1

Я думаю, вам нужно проверить эту ссылку: https://angular.io/guide/template-syntax

Содержит все, что вам нужно знать о Синтаксисе шаблона и более, Эта страница представляет собой полный технический справочник по языку шаблонов Angular. Он объясняет основные принципы языка шаблонов и описывает большую часть синтаксиса, с которым вы столкнетесь в других местах документации.

Надеюсь, это вам поможет!

Answer 2

1) С скобками - принимает переменное значение; * 1001 например *

const myTooltip: string = 'My tooltip text'

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

Используется, когда текст всплывающей подсказки может отличаться в зависимости от условий, поэтому вы управляете текстом из логики вашего компонента.

---

2) Без скобок - напрямую принимает строковое значение; * 1012 например *

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

Используется, когда подсказка никогда не изменится, поэтому вы сохраняете текст непосредственно в шаблоне.

---

3) Обработчик событий - принимает функцию; * 1020 например *

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