2017-01-04 14 views
1

角度2のコンポーネントのUIをブロックする適切な方法は何ですか?コンポーネントの少ないファイルプットで、この角2ブロックuiコンポーネント

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

"ブロックUI" 何を達成する必要がありますか?ページ全体をロックダウンしますか?特定の項目を無効にする? – longbow

+0

コンポーネントとのユーザーのやりとりを無効にします。クリック、キーボード、選択などはありません。 –

答えて

2

よう

何か:

:host { 
    pointer-events: none; 
} 

あなたは、以下のコンポーネントを持っている場合は、これを防ぐしたい場合、彼らは代わりに、クリックを取得しますCSSのdo:

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

lessを使用し、可変呼び出しED notInteractive

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

ネストされたコンポーネントがないため、最初のオプションを試しましたが、うまくいきました。私は、それが無効であるかどうかに関して動的であることが必要です –

関連する問題