如何在結構指令中傳遞輸入變量？

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;

否則你沒有對這個值做任何事情，因為你的設置器 function 是空的