ng-show 和 localStorage 表现奇怪 [重复]

Posted 2023-03-05

【中文标题】ng-show 和 localStorage 表现奇怪 [重复]

【英文标题】：ng-show and localStorage behaving odd [duplicate]

【发布时间】：2015-12-12 20:29:53

【问题描述】：

我只是想在 localStorage 键设置为空时隐藏某些内容，并在键不为空时显示它。密钥称为articles，我尝试检查的方式是：

$scope.isEmpty = function isEmpty() 
  return localStorage.getItem('articles') !== null;
;

然后在我的html中：

<li ng-show="isEmpty()"> There is actually something to see here </li>

本地存储密钥（来自 chrome 开发工具）如下所示：

**key**         **Value**
articles          null

这有什么特别的原因吗？我哪里做错了？

【参考方案1】：

localStorage 只能存储字符串值。

localStorage 将null 存储为字符串。当您使用严格的比较运算符时，它将不起作用。您可以使用字符串'null' 进行严格比较。

return localStorage.getItem('articles') !== 'null';

【讨论】：

非常感谢！我完全没有意识到这一点。甚至检查了开发工具中的结构，与其他存储字符串的键相比，这些键确实有 ' ' 包装它们。那好吧。再次感谢

我会在 10 分钟内标记为正确答案

你不能使用!= null。 'null' == null 是 false。