ng-zorro源码解读--属性装饰器

属性装饰器

属性装饰器表达式会在运行时当做函数被调用，传入的参数有两个：

1、对于静态成员来说是类的构造函数，对于实例是类的原型对象

2、属性名称

该方法应该返回一个函数，函数有两个上述的参数，并且在返回的函数中添加修改逻辑，如

@PropertyDecorator('value') prop;

function PropertyDecorator(value){
    return function(target,propName){
        .....
        target[propName] = value;
    }
}

在ng-zorro中，选择@InputBoolean属性装饰器说明实战例子。

在nzButton中的使用属性装饰器的一个例子如下：

@Input() @InputBoolean() nzBlock = false;
@Input() @InputBoolean() nzGhost = false;
@Input() @InputBoolean() nzSearch = false;
@Input() @InputBoolean() nzLoading = false;

属性装饰器会被当做函数来调用，所以InputBoolean是一个函数

export function InputBoolean(): any {
  return propDecoratorFactory('InputBoolean', toBoolean);
}

根据开头提到的InputBoolean应该返回一个带有两个参数的函数。

propDecorat