Botón de desactivación en angular 2 con dos condiciones
¿Es esto posible en Angular 2?
<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>
Espero que si ambas condiciones son verdaderas habiliten el botón.
Ya he probado el código anterior pero no funciona como se esperaba.
32
3
Parece que necesitas un quirófano en su lugar:
Esto desactivará el botón si no se valida o si no es SAForm.valid.
Declarar una variable en component.ts e inicializarla con algún valor
Ahora en el .html o en la plantilla, puedes poner el siguiente código:
Ahora puedes activar/desactivar el botón cambiando el valor de la variable
buttonDisabled
.¿Es esto posible en Angular 2?
Sí, es posible.
No, si son verdaderas, entonces el botón será deshabilitado. `disabled="true".
¿Qué esperabas? el botón se desactivará cuando
valid
sea falso y el angularformGroup
,SAForm
no sea válido.Una recomendación aquí también, por favor, haz que el botón sea de tipo button y no submit porque esto puede hacer que todo el formulario se envíe y tendrías que usar
invalidate
y escuchar a(ngSubmit)
.