在按钮上禁用不会评估 && 运算符答案

【问题标题】：disabled on button does not evaluate && operator在按钮上禁用不会评估 && 运算符
【发布时间】：2017-08-23 14:58:55
【问题描述】：

我有以下带有 [disabled] 属性的按钮。

<button class="btn btn-primary center-block" (click)="sign(sf.value)"
        [disabled]="validateInsuredFirstName(firstName.value) && validateInsuredLastName(lastName.value)">Sign Application</button>

但看起来只有 && 运算符的第一部分总是被评估。看起来它不关心表达式的第二部分：validateInsuredLastName(lastName.value)。

有没有办法让我们 [disabled] 来评估整个表达式？

【问题讨论】：

这就是short-circuit evaluation 与Logical AND (&&) 运算符的工作方式。如果第一部分为假，则不评估第二部分。
你想用这个实现什么？也许给我们一个真值表来解释预期的结果。
正如对this answer 的评论中所建议的，您可以尝试[disabled]="!!(func1(value1) & func2(value2))"（使用单个&）。
How to avoid short-circuited evaluation in JavaScript?的可能重复

标签： javascript angular

【解决方案1】：

尝试将您的条件放在返回 false 或 true 的专用函数 ([disabled]="isValidatedFullName"...) 中

【讨论】：

我早些时候尝试过，它有效。但我想知道是否有办法让 && 运算符在这种情况下工作？
您可以尝试使用valid 表单。通常&& 在两者都无效的情况下有效。另外，我认为在这种情况下你应该使用 OR，因为如果没有 firstname OR lastname，你不想签署申请