Angular 模板语法 —— 表达式上下文 - luchaohai/AngularAnnotation GitHub Wiki

关于上下文变量的类型及其优先级

模版输入变量 > 模版引用变量 > 指令的上下文变量 > 模版对应组建类的实例

模板输入变量

<ul>
  <li *ngFor="let customer of customers">{{customer.name}}</li>
</ul>

这里由 let 关键字创建的 customer 就是模板输入变量。

作用域:结构型指令的模板内

模版引用变量

<label>Type something:
  <input #customerInput>{{customerInput.value}}
</label>

这里的 #customerInput 就是声明了 customerInput 的变量来引用 <input> 元素

作用域:整个模板

指令的上下文变量

没找到清晰的描述,以下是个人理解

<div *ngFor="let hero of heros">
  <div *ngFor="let weapon of weapons">
    {{hero}} can use {{weapon}}
  </div>
</div>

这里有两个内置结构型指令,则 **hero ** 在里面这个结构型指令的模板里就是指令的上下文变量。

模版对应组建类的实例

其实就是组件实例化的内部变量

相关资料

Angular-个人整理

⚠️ **GitHub.com Fallback** ⚠️