什么表示 Angular 中组件属性上的@Input装饰器

Question

In 我发现附加到属性的@Input装饰器的组件

@Input() description: string;

属性描述在 HTML 中用作插值

<div>{{description}}</div>

问题是@Input意味着什么？何时以及为什么使用它？

Answer 1

@Input意味着消费组件可以像这样设置/绑定属性：

<my-comp [description]="someProperty"></my-comp>

它不会影响组件本身使用该属性的能力。同样，@Output表示可以订阅的事件。

Answer 2

@Input修饰器表示组件属性可用于视图绑定。角度绑定基础结构的强大功能允许我们将任何组件属性用作可绑定属性，方法是将@Input装饰器附加到它。