我一直认为ngShow和ngHide是彼此的布尔对应。然而，当涉及一个空数组时，这种信念被ngShow的意想不到的行为所震动。
这是一个demo plunker.为什么ng-show =“！emptyArray”的行为像ng-hide =“emptyArray”？
因为[]！== false。您可以强制使用布尔值的长度值，而不是使用!!。
原文链接：https://www.f2er.com/angularjs/144652.html<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本身。
希望它有帮助。
