对于Angulartemplatesyntax的讲解



表面上看，你在元素标签之间插入了结果和对标签的属性进行了赋值。 这样思考起来很方便，并且这个误解很少给你带来麻烦。 但严格来讲，这是不对的。插值表达式是一个特殊的语法，Angular 把它转换成了属性绑定。

等价于

2、模板表达式

模板表达式产生一个值。 Angular 执行这个表达式，并把它赋值给绑定目标的属性，这个绑定目标可能是 HTML 元素、组件或指令。

输入属性的值为常量

等价于

输入属性的值为变量

别忘了方括号，方括号告诉 Angular 要计算模板表达式。 如果忘了加方括号，Angular 会把这个表达式当做字符串常量看待，并用该字符串来初始化目标属性，它不会计算这个字符串。

模板变量

hero 前的 let 关键字创建了一个名叫 hero 的模板输入变量。 ngFor 指令在由父组件的 heroes 属性返回的 heroes 数组上迭代，每次迭代都从数组中把当前元素赋值给 hero 变量。

模版引用变量

模板引用变量通常用来引用模板中的某个 DOM 元素，它还可以引用 Angular 组件或指令或Web Component。使用井号 (#) 来声明引用变量。 #phone 的意思就是声明一个名叫 phone 的变量来引用 <input> 元素，可以在模板中的任何地方引用该模板引用变量。

模板语句

模板语句用来响应由绑定目标（如 HTML 元素、组件或指令）触发的事件。