Question

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

@Input() description: string;

属性描述在html中用作插值

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

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

Answer 1

@Input表示消费组件可以设置/绑定属性，如下所示：

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

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

Answer 2

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