Angular 2 block UI組件

Question

什麼是阻止Angular 2中組件的UI的正確方法？

像這樣的事情

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

Answer 1

在組件的較少文件放：

:host { 
    pointer-events: none; 
} 

如果你有以下組成部分，他們將獲得的點擊，如果你想避免這種情況，而不是的做：

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

使它動態，假設你使用較少，並有一個變量調用ED notInteractive：

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