javascript - ng-style 和 ng-disabled 最初评估为 true，即使 ng-repeat 中的 boolean 为 false？

Question

我在 ng-repeat 上下文中遇到了 ng-style 和 ng-disabled 的奇怪问题。我有以下模板...

        <li ng-repeat="value in currentFacet.values track by $index">
          {{ showAll }}
          <input type="checkbox" ng-model="options[$index]" ng-true-value="'{{ value.label }}'" ng-checked="value.isActive" ng-disabled="showAll"/>
          <span ng-style="showAll ? {color:'gray'} : {}">{{ value.label }}</span>
        </li>

这会产生一个复选框列表。有一个 showAll boolean 值可以禁用所有这些复选框。

最初，当页面加载时，ng-style和ng-disabled的计算结果就好像 boolean 值是true一样......即使当我查看当前的 boolean 值的状态(这就是 {{ showAll }} 在那里的原因)它是 false。

如果我将 boolean 值更改为 true，然后再更改回 false，则功能将按预期工作。仅在初始页面加载时才会发生这种不需要的行为。

Answer 1

检查一次 showAll 的类型，我假设最初它是字符串。这就是为什么条件在负载下工作良好的原因。 if('false') 为 true。