Angular 2 Block UI组件

Question

在Angular 2中阻止组件ui的正确方法是什么？

像这样

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

Answer 1

在组件的less文件中：

:host {
    pointer-events: none;
}

如果您下面有组件，则如果您想防止这种情况发生，他们将获得点击，而不是CSS：

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

假设您使用较少并具有一个名为notInteractive的变量，以使其动态notInteractive ：

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