Comment puis-je ajouter de multiples conditions, “ng-désactivé”?

J'ai besoin de vérifier que les deux conditions sont les deux vrai avant l'activation d'un bouton:

Voici un exemple:

<button type="submit" ng-disabled="frmUser.pw2.$error.pwMatch" class="btn btn-primary" ng-click="ChangePassword()">Change</button>

Cet exemple ne contient qu'un seul état dans les ng-disabled. Comment puis-je ajouter un autre comme une étendue variable?

  • Pourquoi la voix et le mouvement pour la fermer?
  • Donc, vous dites que AngularJS n'aurez pas un problème avec moi faire la même déclaration que deux fois dans le même élément? Peut-être que ma connaissance du langage HTML n'est pas le problème.
InformationsquelleAutor Matt Cashatt | 2013-12-12
  1. 65

    Vous devriez être en mesure de && les conditions:

    ng-disabled="condition1 && condition2"
    • Merci, je suis nouveau sur Angulaire et a été en joignant l'expression entre accolades.
    • Ou vous pouvez utiliser ng-disabled="condition1 || condition2" , est dépendant de vous logique conditionnelle.
    InformationsquelleAutor Davin Tryon
  2. 21

    Wanny est correct. Le && opérateur ne fonctionne pas dans le HTML. Angulaire, vous devez utiliser le double tuyaux (||)pour de multiples conditions.

    • eh bien, cette réponse n'est pas correcte. && des moyens logiques ET, || signifie OU logique. Donc, si vos deux conditions doivent te-être vrai pour le contrôle doit être désactivé utiliser &&. Si l'un ou les deux doivent être vraie, utilisez ||.
    • pouvez vous s'il vous plaît prendre un coup d'oeil à mon jsbin ?À l'aide de l'opérateur && ET le bouton est activé avec seulement 1 condition. À l'aide de la || OU le bouton est activé uniquement lorsque les deux conditions sont vraies.
    • J'ai regardé votre jsbin. Je pense que vous confondez-vous avec tous ces "NON" !. Il fonctionne comme prévu. Essayez de ne pas utiliser la double négation, toutes ces expressions logiques tout à coup faire beaucoup plus de sens et de vous (et quelqu'un d'autre) peut comprendre votre code beaucoup plus simple: au lieu de !$vaild utiliser $invalides, la place de la !éléments.longueur d'écriture des articles.length > 0.
    • Peut-être que vous avez raison, c'est le nouveau bin, output.jsbin.com/rovimesuso/1 ( il n'y a pas ! cette fois-ci ).
    • Comment se fait donc beaucoup de gens ont upvoted cette réponse incorrecte? && fonctionne très bien dans Angulaire expressions.
    • Vous semblez être un mélange de plusieurs incomplète des idées sur ce que vous voulez démontrer dans votre mise à jour jsbin exemple. Je ne suis pas en mesure d'en comprendre le sens. Ce que je peux dire, c'est que && fonctionne parfaitement logique ET l'opérateur, et si vous modifiez la valeur de $champ d'application.f pour de vrai, alors vous verrez qu'il déclenche ng-personnes handicapées, juste comme il se doit lorsqu'il est fourni avec deux vraies valeurs.
    • si vous passez le $scope.t pour true $et la portée.f pour de faux ( 1 true et 1 faux ), vous serez en mesure de cliquer sur le bouton ( en utilisant le && operator ). Pour désactiver le bouton jusqu'à ce que les deux sont vrais, vous devez utiliser l'opérateur logique " || ". L'OP veut activer le bouton UNIQUEMENT si les DEUX sont vrais.
    • Oui l'OP veut vraiment un ||, comme d'autres réponses l'ont souligné, mais cette réponse que nous étudions n'est pas de cela. C'est à tort en affirmant que && ne fonctionne pas, alors qu'en fait il ne. && fait exactement ce qu'il est censé faire. && moyens de logique ET de, et de déclencher ng-désactivé lorsque les deux variables sont vraies. || des moyens logiques OU, et déclenche quand l'un des deux est vraie.
    • la réponse n'est pas écrit par moi. Je viens de le souligner ( comme vous pouvez le voir ) que dans ce cas précis && est pas le bon choix. C'est tout.

    InformationsquelleAutor mlg87
  3. 14

    Il y a peut-être un peu d'une chasse aux sorcières dans le libellé de la question d'origine:

    J'ai besoin de vérifier que les deux conditions sont vraies avant l'activation d'un bouton

    La première chose à rappeler que la ng-désactivé directive est l'évaluation d'une condition en vertu de laquelle le bouton doit être, bien, désactivé, mais la question d'origine est en se référant aux conditions dans lesquelles il doit en activé. Il sera activé dans toutes les circonstances où la ng-désactivé expression n'est pas "truthy".

    Donc, la première considération est de savoir comment reformuler la logique de la question pour être plus près des exigences logiques de ng-désactivé. La logique inverse de vérifier que les deux conditions sont remplies pour activer un bouton, c'est que si soit condition est faux puis le bouton doit être désactivé.

    Ainsi, dans le cas de la question d'origine, le pseudo-expression de ng-désactivé est "désactiver le bouton si condition1 est faux ou condition2 est faux". La traduction dans le Javascript comme l'extrait de code requis par Angulaire (https://docs.angularjs.org/guide/expression), nous obtenons:

    !condition1 || !condition2

    Zoomlar a droite!

    • Bien dit l'analyse de la question, votre réponse sera certainement utile à d'autres qui débarquent sur cette page.
    InformationsquelleAutor Darren
  4. 9

    Assurez-vous d'envelopper la condition de la bonne priorité

    ng-disabled="((!product.img) || (!product.name))"
    InformationsquelleAutor zoomlar
  5. 6

    Fait le ng-désactivé directive fonctionne avec le "|| " opérateur logique pour moi. Le "&& " évaluer une seule condition.

    http://jsbin.com/kuqilejesi/2/edit?html,js,sortie

    • Pouvez-vous veuillez motiver le bas de vote. Juste pour me faire savoir où est mon erreur.
    • Même si je n'ai pas downvote vous, je comprends la raison: Votre réponse est simplement faux: "la ng-désactivé directive" fonctionne avec n'importe quelle expression et de désactiver le contrôle lorsque l'expression est évaluée à truthy. Si || ou && c'est une autre question (logique OU de la vs ET de l')
    • Il a obtenu, grâce. Je voulais juste partager le fait que le && opérateur a un comportement étrange avec le ng-directive.
    • désolé, il n'y a absolument pas de "comportement étrange" - il se comporte exactement comme la JS && opérateur: une logique ET l'opérateur, qui évalue seulement la deuxième argument s'il est nécessaire de déterminer que le résultat final. E. g". a && b" -> si a est faux, vous n'avez pas besoin d'évaluer b, le résultat est de toute façon "faux"
    • Oui ( regardez ma réponse : "Le" && " évaluer une seule condition. "et c'est pourquoi le && opérateur n'est pas la bonne solution si vous avez besoin de vérifier plusieurs conditions afin d'activer / de désactiver le bouton.
    • C'est l'autre bien fait de répondre à stackoverflow.com/questions/18261685/...

    InformationsquelleAutor Wanny Miarelli
  6. -2

    de cette façon, a travaillé pour moi

    ng-disabled="(de l'utilisateur.Rôle.ID != 1) && (de l'utilisateur.Rôle.ID != 2)"

    • Ceci a déjà été couvert dans la accepté de répondre.
    InformationsquelleAutor Reinaldo Holanda