相关疑难解决方法(0)

在 Angular 组件的模板中使用“this”关键字

假设我们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...}}. 魔法?

html data-binding typescript angular2-template angular

5
推荐指数
1
解决办法
1万
查看次数