Angular2 中的装饰器 @Input() 和 @Attribute() 之间的主要区别是什么？

Question

我已经看到 @Attribute() 在 Directives 中通常用作构造函数中的参数，如下所示：

export class EqualValidator implements Validator {
    constructor( @Attribute(‘validateEqual’) public validateEqual: string) {}
    validate(c: AbstractControl): { [key: string]: any } {}
}

和 @Input() 在组件中使用如下：

export class UserProfile {
    @Input() user;
    constructor() {}
}

然后你可以在@Input()的情况下通过属性绑定将数据传递到模板中的这些变量中。

这些装饰器之间的主要区别是什么？什么时候应该使用它们？

Answer 1

@Input()：用于将值传递到指令中或将数据从一个组件传递到另一个组件（通常是父组件到子组件）。

@Attribute()：您可以检索组件/指令的宿主元素中可用属性的常量值，它必须与组件或指令的构造函数的参数一起使用

希望对您有所帮助！