如何在结构指令中传递输入变量

Question

有一个结构指令：

@Directive({
selector: '[loading]',
})
export class LoadingDirective {
loadingFactory: ComponentFactory<LoadingComponent>;
loadingComponent: ComponentRef<LoadingComponent>;
@Input()
set loading(loading: boolean) {}
@Input('loadingSize') size: number;

}

我试着通过尺寸：

<span *loading="true size=20"></span>

Answer 1

<span [loading]="true" [loadingSize]="20"></span>

每个输入属性都独立，*不是必需的

编辑

更改

@Input()
set loading(loading: boolean) {}

至

@Input() loading: boolean;

否则，您不会对该值执行任何操作，因为您的setter函数为空