refactorizar 2º Dia

srparis

Edu París

Posted on May 14, 2024

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

💖 💪 🙅 🚩
srparis
Edu París

Posted on May 14, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

refactorizar 2º Dia
spanish refactorizar 2º Dia

May 14, 2024