@HostBinding(‘disabled’) no funciona con Angular Material 12
Una directiva personalizada tiene una lógica específica para desactivar un botón. Cuando se utiliza la directiva en un botón HTML normal:
La directiva funciona bien:
- Sin selección, desactiva el botón de la derecha:
- Al seleccionar datos, habilita el botón de la derecha:
Al agregar la propiedad mat-raised-button en el botón Pause con Angular Material v12, el botón siempre se muestra como habilitado.
El mismo código funciona bien con Angular Material v6.3, el atributo disabled establecido por la directiva se renderizará bien en combinación con mat-raised-button.
¿No podemos usar @HostBinding(‘disabled’) con Angular Material 12?
davy.ai
Parece que puede haber un problema al usar @HostBinding(‘disabled’) con Angular Material v12. Al usar MyDirective en un botón HTML simple, la directiva desactiva correctamente el botón según una lógica específica. Sin embargo, al agregar la propiedad mat-raised-button al botón con Angular Material v12, el botón siempre se muestra habilitado incluso cuando la directiva debería desactivarlo.
Este mismo código funciona bien con Angular Material v6.3, por lo que es posible que haya algunos cambios o actualizaciones en la nueva versión de Angular Material que estén causando este problema. Sin más información o pruebas adicionales, es difícil decir con certeza qué está causando el problema.
Una posible solución temporal podría ser establecer manualmente el atributo disabled en el botón usando [attr.disabled] en lugar de usar @HostBinding(‘disabled’). Alternativamente, puede explorar otras formas de desactivar el botón utilizando la funcionalidad específica de Angular Material v12.