在Angular中,@property通常是用来装饰Class中的属性,用以描述属性的特性和访问控制等信息。而带有@符号的@property,则是Angular中定义组件中模板变量的一个特殊的语法。
例如,定义一个Component组件:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
template: {{myInput.value}}
})
export class MyComponent {}
其中,#myInput就是使用带有@符号的@property语法定义的模板变量。这样,你就可以通过代码获取到模板中这个元素的引用,从而获取它的 value 值。
带有@符号的@property在Angular中还有其他用途,例如在Directive指令中定义视图内容的插入点等,都非常方便实用。