Estoy tratando de implementar [ngClass] en función de diferentes condiciones aquí es mi

condition
 [ngClass]="{'validator':lang.VideoURL!=null, 'labeltitle': lang.VideoURL==null}"

Pero cuando el valor de lang.VideoURL es nulo, la clase labeltitle no se aplica en la página y, de forma predeterminada, la clase de validador se aplica cuando el valor de lang.VideoURL es nulo

0
Gaurav_0093 9 may. 2019 a las 15:49

4 respuestas

La mejor respuesta

Tratar:

[ngClass]="lang.VideoURL ? 'validator' : 'labeltitle'"
4
porgo 9 may. 2019 a las 12:52

La respuesta de @porgo también es correcta, pero si tiene más condiciones para verificar, puede intentar de esta manera.

[ngClass]="[lang.VideoURL != null: 'validator', lang.VideoURL == null: 'labeltitle']"
1
Yash Rami 9 may. 2019 a las 12:56

Esta es la forma de usar ngClass multi-condition.

 [ngClass]="{'first-class': condition1,'second-class': condition2}"
1
Mohammadreza Imani 9 may. 2019 a las 17:15

Otra opción es el enlace de propiedad de clase que se muestra aquí https://angular.io/guide/template- sintaxis # enlace-objetivos Esto es útil si tiene más de una clase que podría ser válida a la vez pero que son todas condicionales.

[class.validator]="lang.VideoURL" [class.labeltitle]="!lang.VideoURL"
2
ccamac 9 may. 2019 a las 13:02