Angular 2块ui组件

Question

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

像这样的东西

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

Answer 1

在组件的文件中添加：

:host {
    pointer-events: none;
}

如果你有以下组件，他们会获得点击次数，如果你想阻止这一点，而不是css do：

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

使其成为动态的，假设您使用less并且有一个名为notInteractive的变量：

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