javascript - 显示基于 $localStorage 的字段

Question

我想根据 $localStorage 值显示页面中的字段。

如果我有以下内容:

<div ng-controller="myCtrl">
    <ul>
        <li> List 1 </li>
        <li> List 2 </li>
        <li> List 3 </li>
        <li> List 4 </li>
    </ul>
</div>

只有当 $localStorage 的值不是 0 时，我才想显示 List 3 和 List 4。

我该怎么做？

Answer 1

您可以从 $localStorage 获取值并将其设置为作用域变量并使用 ng-if 检查该变量

$scope.condvalue = localStorage.getItem("yourItem");

HTML:

<div ng-controller="myCtrl">
    <ul>
        <li> List 1 </li>
        <li> List 2 </li>
        <li ng-if="condvalue!=0"> List 3 </li>
        <li ng-if="condvalue!=0">  List 4 </li>
    </ul>
</div>