Botão de desactivação em ângulo 2 com duas condições

Isto é possível em angular 2?

<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>

Espero que, se ambas as condições forem verdadeiras, activem o botão.

I'já experimentei o código acima mas ele'não está a funcionar como esperado.

Solução

Parece que, em vez disso, precisa de um BO:

Add

Isto irá desactivar o botão se não validar ou se não for SAForm.validado.

Comentários (2)

Declare uma variável em component.ts e inicialize-a com algum valor

 buttonDisabled: boolean;

  ngOnInit() {
    this.buttonDisabled = false;
  }

Agora em .html ou no modelo, pode colocar o seguinte código:

 Click Me 

Agora pode activar/desactivar o botão ao alterar o valor da variável "botãoDisabled".

Comentários (2)

Isto é possível em angular 2?

Sim, é possível.

Se ambas as condições forem verdadeiras, activarão o botão?

Não, se forem verdadeiras, então o botão será desactivado. disabled="true".

tento o código acima mas ele's não funciona bem

O que esperava? o botão será desactivado quando o "valid" for falso e o "formGroup" angular, "SAForm" não for válido.

Uma recomendação aqui também, por favor faça o botão do tipo e não uma submissão porque isto pode fazer com que todo o formulário se submeta e precisaria de utilizar invalidar e ouvir (ngSubmeter).

Comentários (6)