Угловой 2 блок ui компонент

Question

Каков правильный способ блокировки ui компонента в угловом 2?

Что-то вроде этого

<component [blockUI]="true"></component> 

Answer 1

В меньше файла положить компонента:

:host { 
    pointer-events: none; 
} 

Если у вас есть компоненты ниже, они будут получать щелчки, если вы хотите, чтобы предотвратить это, вместо of css do:

<component (click)="$event.preventDefault()"> 

, чтобы сделать его динамическим, предполагая, что вы используете меньше и имеете переменный вызов ред notInteractive:

:host { 
    &.not-interactive { 
    pointer-events: none; 
    } 
}