La classe ng d'AngularJS peut-elle gérer des expressions conditionnelles complexes pour une application de classe ?

Expressions conditionnelles améliorées pour la classe ng dans AngularJS

Question :

Pouvons-nous utiliser des expressions conditionnelles avec le ng- d'AngularJS directive de classe à appliquer sous condition classes ?

Élaboration :

L'affiche a rencontré des problèmes lors de l'utilisation de ng-class avec des expressions conditionnelles, ce qui a entraîné l'application des classes quelles que soient les conditions. Ils ont conçu une solution de contournement impliquant une fonction personnalisée pour renvoyer des valeurs véridiques ou fausses, mais ils se demandent si tel est le comportement prévu de la classe ng.

Réponse :

Oui, les expressions conditionnelles peuvent être utilisées avec la classe ng. La syntaxe de la première tentative était légèrement incorrecte. Voici l'expression corrigée :

{test: obj.value1 == 'someothervalue'}

Cette expression sera évaluée comme vraie ou fausse en fonction de la comparaison et appliquera la classe « test » en conséquence.

Approches alternatives :

• Fonction personnalisée : Comme mentionné, vous pouvez utiliser une fonction qui renvoie une valeur véridique ou valeur falsey dans des scénarios complexes.
• Expressions logiques : Vous pouvez combiner des opérateurs logiques (par exemple, ||) pour créer des expressions conditionnelles plus complexes.

Par exemple :

{test: obj.value1 == 'someothervalue' || obj.value2 == 'somethingelse'}

Supplémentaire Notes :

• ng-class évalue les expressions qui renvoient des valeurs véridiques ou fausses.
• Si une expression conditionnelle est trop complexe, envisagez d'utiliser une fonction personnalisée.
• Les opérateurs logiques peuvent étendre les capacités des expressions conditionnelles au sein de la classe ng.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!