javascript - 带或不带 [] 的 Angular 指令？

Question

I'm reviewing this tutorial它使用像这样的 tooltip 指令:

情况A:没有周围[]

  <p tooltip="Tooltip from text">Tooltip from text</p>

情况B:周围[]

  <p [tooltip]="template">Tooltip from TemplateRef</p>

我只是想确保我正确理解这一点。

如果我们使用不带括号的 tooltip 指令，则文本字符串将传递给该指令(Tooltip from text")。

当我们用括号包围工具提示时，应该在组件 View (使用指令的 View )上可用的 template 属性会被传入吗？

Answer 1

If we use the tooltip directive without brackets, then the text string gets passed to the directive

是的，完全正确。

对于第二种情况，[tooltip]="template"

[prop] 用于对象绑定(bind)到 Angular 组件的属性(Angular 组件或指令的 @Input() 或 DOM 元素的属性)。