¿Son posibles expresiones complejas en ng-hide / ng-show?

180

Quiero hacerlo:

ng-hide="!globals.isAdmin && mapping.is_default"

pero la expresión evalúa siempre a false.

No quiero definir una función especial en $scope.

attributes angularjs expression

— Pablo
fuente

1

Esa sintaxis funciona para mí y la uso con frecuencia. Si está evaluando false, es posible que desee verificar dos veces esos valores. Es posible que los objetos "globales" y / o "mapeados" seanundefined

— derrylwc

Lee mi comentario debajo de la respuesta.

— Paul

solo una pista: si utiliza el método del controlador, puede pasar por la evaluación en el depurador.

— Dimitry K

212

Utilice un método de controlador si necesita ejecutar código JavaScript arbitrario, o podría definir un filtro que devuelva verdadero o falso.

Acabo de probar (debería haber hecho eso primero), y algo como ng-show="!a && b"funcionó como se esperaba.

— Mark Rajcok
fuente

44

Tienes razón. El problema era que el indicador isAdmin era de tipo 'cadena' en lugar de 'booleano'.

— Paul

121

ng-show/ ng-hideacepta solo booleanvalores.

Para expresiones complejas, es bueno usar el controlador y el alcance para evitar complicaciones.

Debajo de uno funcionará (no es una expresión muy compleja)

ng-show="User=='admin' || User=='teacher'"

Aquí el elemento se mostrará en la interfaz de usuario cuando cualquiera de las dos condiciones devuelva verdadero (operación OR).

De esta manera, puedes usar cualquier expresión.

— myaseedk
fuente

12

Esto funcionará si no tiene demasiadas expresiones.

Ejemplo: ng-show="form.type === 'Limited Company' || form.type === 'Limited Partnership'"

Para más expresiones que esta, use un controlador.

— lvadim01
fuente

1

No creo que su declaración sea correcta: This will work if you do not have too many expressions.aunque estoy de acuerdo en que debería hacerse en el controlador.

— Rahul Desai

7

Generalmente trato de evitar expresiones con ng-show y ng-hide, ya que fueron diseñadas como booleanos, no condicionales. Si necesito lógica condicional y booleana, prefiero poner la lógica condicional usando ng-if como primera verificación, luego agregar una verificación adicional para la lógica booleana con ng-show y ng-hide

Sin embargo, si desea usar un condicional para ng-show o ng-hide, aquí hay un enlace con algunos ejemplos: Visualización condicional usando ng-if, ng-show, ng-hide, ng-include, ng-switch

— James Drinkard
fuente

2

Algunas de estas respuestas anteriores no funcionaron para mí, pero esto sí. En caso de que alguien más tenga el mismo problema.

ng-show="column != 'vendorid' && column !='billingMonth'"

— Acosador de la muerte
fuente