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>