假设我们prop在组件类中有一个变量,我们通过模板中的插值来使用它(stackblitz demo):
组件类:
@Component({...})
export class AppComponent {
prop = 'Test';
...
}
Run Code Online (Sandbox Code Playgroud)
模板:
<p>{{ this.prop }}</p>
<p>{{ prop }}</p>
Run Code Online (Sandbox Code Playgroud)
为什么在 Angular 中可以this在模板中使用关键字而没有任何警告/错误(即使在 AOT 模式下)?它的背后是什么?
编辑
根据答案中的注释:this 指的是为其呈现模板的组件本身。但我也可以创建一个模板变量并使用this以下方法访问它:
<input #inp> {{ this.inp.value }}
Run Code Online (Sandbox Code Playgroud)
在这种情况下,我们inp在组件类中没有变量,我仍然可以使用{{this.inp...}}. 魔法?