How do I add multiple conditions to ng-disabled

Question

I need to check that two conditions are both true before enabling a button   Here is an example    lt button type  submit  ng-disabled  frmUser pw2  error pwMatch  class  btn btn-primary  ng-click  ChangePassword    gt Change lt  button gt    This example only contains one condition within ng-disabled   How would I add another such as a scope variable

User · Accepted Answer

You should be able to  amp  amp  the conditions   ng-disabled  condition1  amp  amp  condition2

User · Answer

Wanny is correct  The  amp  amp  operator doesn t work in HTML  With Angular  you must use the double pipes     for multiple conditions

User · Answer

There is maybe a bit of a gotcha in the phrasing of the original question      I need to check that two conditions are both true before enabling a button   The first thing to remember that the ng-disabled directive is evaluating a condition under which the button should be  well  disabled  but the original question is referring to the conditions under which it should en enabled   It will be enabled under any circumstances where the ng-disabled expression is not  truthy      So  the first consideration is how to rephrase the logic of the question to be closer to the logical requirements of ng-disabled   The logical inverse of checking that two conditions are true in order to enable a button is that if either condition is false then the button should be disabled     Thus  in the case of the original question  the pseudo-expression for ng-disabled is  disable the button if condition1 is false or condition2 is false    Translating into the Javascript-like code snippet required by Angular  https   docs angularjs org guide expression   we get    condition1     condition2  Zoomlar has it right

User · Answer

Actually the ng-disabled directive works with the        logical operator for me  The    amp  amp    evaluate only one condition   http   jsbin com kuqilejesi 2 edit html js output

User · Answer

Make sure you wrap the condition in the correct precedence  ng-disabled     product img       product name

User · Answer

You can try something like this    lt button class  button  ng-disabled    data var1  amp  amp   data var2    false   true  gt   lt  button gt    Its working fine for me

User · Answer

this way worked for me  ng-disabled   user Role ID    1   amp  amp   user Role ID    2

[angularjs] How do I add multiple conditions to "ng-disabled"?

Examples related to angularjs

Examples related to angularjs-directive