如何为"ng-disabled"添加多个条件？

Question

在启用按钮之前,我需要检查两个条件是否都为真:

这是一个例子:

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

此示例仅包含一个条件ng-disabled.我如何添加另一个如范围变量？

Answer 1

你应该能够满足&&条件:

ng-disabled="condition1 && condition2"

Answer 2

万尼是对的.该&&运营商并不在HTML工作.使用Angular时,必须||对多个条件使用双管道().

Answer 3

在原始问题的措辞中可能有一些问题:

在启用按钮之前,我需要检查两个条件是否都为真

首先要记住的是,ng-disabled指令正在评估按钮应该被禁用的条件,但原始问题是指应该启用它的条件.它将在ng-disabled表达式不是"truthy"的任何情况下启用.

因此,首先要考虑的是如何将问题的逻辑重新定义为更接近ng-disabled的逻辑要求.检查两个条件为真以启用按钮的逻辑反转是,如果任一条件为假,则应禁用该按钮.

因此,在原始问题的情况下,ng-disabled的伪表达式是"如果condition1为false 或 condition2为false 则禁用按钮".转换为Angular(https://docs.angularjs.org/guide/expression)所需的类似Javascript的代码段,我们得到:

!condition1 || !条件2

Zoomlar说得对!

Answer 4

确保以正确的优先级包装条件

ng-disabled="((!product.img) || (!product.name))"

Answer 5

实际上ng-disabled指令对我来说与"||"逻辑运算符一起使用."&&"仅评估一个条件.

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