Saltar al contenido

Estilo condicional de un componente angular

Solución:

ng-style es la sintaxis de AngularJS. Para Angular 2+, use [ngStyle]="" sintaxis. (ver documentación)

<div class="col-md-3 d-flex justify-content-center align-items-center" 
     [ngStyle]="{'background-color': (vars.state=='Signup') ? '#73c7af' : '#ffffff'}">

Puede utilizar style.propertyName para establecer cualquier propiedad de estilo condicional.

<div class="col-md-3 d-flex justify-content-center align-items-center" [style.background]="someFunction()">
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *