Javascript 带[]和不带[]的角度指令?

Javascript 带[]和不带[]的角度指令?,javascript,angular,angular-template,Javascript,Angular,Angular Template,它使用如下指令的工具提示: 案例A:无周围环境[] 文本中的工具提示 案例B:周围[] 来自TemplateRef的工具提示 我只是想确保我正确理解这一点 如果我们使用不带括号的tooltip指令,那么文本字符串将传递给该指令(tooltip from text“) 当我们用括号括住工具提示时,会传入组件视图(使用该指令的视图)上应该可用的模板属性吗 如果使用不带括号的tooltip指令,则文本字符串将传递给该指令 没错 对于第二种情况,[tooltip]=“模板” [prop]用于对象绑定

它使用如下指令的
工具提示

案例A:无周围环境[]

文本中的工具提示

案例B:周围[] 来自TemplateRef的工具提示

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

如果我们使用不带括号的
tooltip
指令,那么文本字符串将传递给该指令(
tooltip from text“

当我们用括号括住工具提示时,会传入组件视图(使用该指令的视图)上应该可用的
模板
属性吗

如果使用不带括号的tooltip指令,则文本字符串将传递给该指令

没错

对于第二种情况,
[tooltip]=“模板”


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

使用
[]
()
[()]包装HTML属性/属性
将导致以下引号中的任何内容作为表达式进行计算。普通html属性/属性将作为字符串进行计算,就像在非角度上下文中一样。这也解释了为什么不能使用
if
语句、
switch
语句、
try
/
catch
、,等等。在属性绑定的引号内。它只能处理表达式。你读过吗?还请注意教程中元素中的文本。这是一本很好的读物。当我看到角度概念(如指令和模板语法)的交叉点时,我喜欢确保用一个简单的示例锁定该概念。
  <p tooltip="Tooltip from text">Tooltip from text</p>
  <p [tooltip]="template">Tooltip from TemplateRef</p>