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

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay