angularjs – 为什么要从ng-show =“！emptyArray”和ng-hide =

发布时间：2020-12-17 08:15:50 所属栏目：安全来源：网络整理

导读：我一直认为ngShow和ngHide是彼此的布尔对应。然而，当涉及一个空数组时，这种信念被ngShow的意想不到的行为所震动。这是一个demo plunker.为什么ng-show =“！emptyArray”的行为像ng-hide =“emptyArray”？因为[]！== false。您可以强制使用布尔值的长度

我一直认为ngShow和ngHide是彼此的布尔对应。然而，当涉及一个空数组时，这种信念被ngShow的意想不到的行为所震动。

这是一个demo plunker.为什么ng-show =“！emptyArray”的行为像ng-hide =“emptyArray”？

因为[]！== false。您可以强制使用布尔值的长度值，而不是使用!!。

<div ng-hide="!!emptyArray.length">emptyArray is falsy,so do not hide this.</div>
<div ng-show="!!!emptyArray.length">!emptyArray is truthy,so show this.</div>

编辑：

AngularJS的指令隐藏或显示取决于用于评估传入的值的函数toBoolean()。这是toBoolean()的源代码：

function toBoolean(value) {
  if (value && value.length !== 0) {
    var v = lowercase("" + value);
    value = !(v == 'f' || v == '0' || v == 'false' || v == 'no' || v == 'n' || v == '[]');
  } else {
    value = false;
  }
  return value;
}

您可以在JS控制台中验证以下代码：

>var emptyArray = [];
>toBoolean(emptyArray)
false
>toBoolean(!emptyArray)
false

这就是为什么。因为当emptyArray直接传递给toBoolean()时，它会计算出正确的结果为false。但是当！emptyArray传递给toBoolean()时，它不会评估为true，因为！emptyArray是false本身。

希望它有帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!