DEV Community

Cover image for refactorizar 2º Dia
 Edu París
Edu París

Posted on

refactorizar 2º Dia

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.

botones html con la directiva cambiada

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.

variables limpias

variables sucio

Top comments (0)