El siguiente cambio que hice fue aprovechar las directivas que se pueden utilizar en angular, como en él [ngclass], para así eliminar variables y que sea menos caos el código.
En este caso, los campos Button solo tienen 2 estados activado o desactivado según el valor de una variable booleana, y se ha utilizado lo siguiente:
** [ng] =»variableBooleana = = = true?’ valorDes’:’ valorAct’ «**
Vamos, en la directiva un Operador condicional (ternario) y asi evitar tener que controlar los valores booleanos de los campos y luego los estilos.
Como indicaba anteriormente al controlarlo en el HTML, quitamos peso al TS y asi no tenemos que controlar 4 variables y pasamos a 2.
Al realizar este paso tambien se organizan las variables por tipos para que la visión a ellas sea mucho mas rápida.
