Tenho uma lista com checkbox(dentro de uma tabela) e preciso desabilitar todos os componentes da tela quando um `checkbox` é marcado. 

Estou tentando utilizar o `ngClass` com `disabled`, da seguinte forma:
```html
<app-button-new [title]="titleButton" [nextRouter]="router" [ngClass]=" {'disabled': CONDIÇÃO}"></app-button-new>```
```
Com o seguinte CSS:
```css
.disabled{
  pointer-events: none;
  opacity: 0.5;
}
```

Qual evento eu devo chamar para desabilitar os outros?