Eu sei que no angular2 posso desabilitar um botão com o [disable]atributo, por exemplo:

<button [disabled]="!isValid" (click)="onConfirm()">Confirm</button>

mas posso fazer isso usando [ngClass]ou [ngStyle]? Igual a:

<button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button>

Obrigado.

Atualizar

Estou pensando. Por que você não quer usar a [disabled]associação de atributos fornecida pelo Angular 2? É a maneira correta de lidar com essa situação. Proponho que você mova seu isValidcheque por meio do método de componente.

<button [disabled]="! isValid" (click)="onConfirm()">Confirm</button>

O problema com o que você tentou explicado abaixo

Basicamente, você pode usar ngClassaqui. Mas adicionar classe não restringiria o evento de disparar. Para disparar o evento em uma entrada válida, você deve alterar o clickcódigo do evento abaixo. Portanto, isso onConfirmserá acionado apenas quando o campo for válido.

<button [ngClass]="{disabled : !isValid}" (click)="isValid && onConfirm()">Confirm</button>

Demonstração aqui

Eu recomendaria o seguinte.

<button [disabled]="isInvalid()">Submit</button>

sim você pode

<div class="button" [ngClass]="{active: isOn, disabled: isDisabled}"
         (click)="toggle(!isOn)">
         Click me!
 </div>

https://angular.io/docs/ts/latest/api/common/NgClass-directive.html

Se você tiver um formulário, o seguinte também é possível:

<form #f="ngForm">
    <input name="myfield" type="text" minlenght="3" required ngModel>
    <button type="submit" [disabled]="!f.valid">Submit</button>
</form>

Demonstração aqui: http://plnkr.co/edit/Xm2dCwqB9p6WygrquUGh?p=preview&open=app%2Fapp.component.ts

Usar ngClasspara desabilitar o botão para formulário inválido não é uma boa prática no Angular2 ao fornecer recursos embutidos para habilitar e desabilitar o botão se o formulário for válido e inválido, respectivamente, sem fazer nenhum esforço / lógica extra.

[disabled] fará tudo como se o formulário for válido, então ele será habilitado e se o formulário for inválido, ele será desabilitado automaticamente.

Consultar exemplo:

<form (ngSubmit)="f.form.valid" #f="ngForm" novalidate>
<input type="text" placeholder="Name" [(ngModel)]="txtName" name="txtname" #textname="ngModel" required>
<input type="button" class="mdl-button" [disabled]="!f.form.valid" (click)="onSave()" name="">

Pode estar abaixo do código pode ajudar:

<button [attr.disabled]="!isValid ? true : null">Submit</button>

Tentei usar disabled junto com o evento click. Abaixo está o snippet, a resposta aceita também funcionou perfeitamente. Estou adicionando esta resposta para dar um exemplo de como ela pode ser usada com as propriedades disabled e click.

<button (click)="!planNextDisabled && planNext()" [disabled]="planNextDisabled"></button>

Se você estiver usando formulários reativos e quiser desabilitar alguma entrada associada a um controle de formulário, você deve colocar essa disabledlógica em seu código e chamar yourFormControl.disable()ouyourFormControl.enable()

Eu acho que essa é a maneira mais fácil

<!-- Submit Button-->
<button 
  mat-raised-button       
  color="primary"
  [disabled]="!f.valid"
>
  Submit
</button>

 <button [disabled]="this.model.IsConnected() == false"
              [ngClass]="setStyles()"
              class="action-button action-button-selected button-send"
              (click)= "this.Send()">
          SEND
        </button>

código .ts

setStyles() 
{
    let styles = {

    'action-button-disabled': this.model.IsConnected() == false  
  };
  return styles;
}