根據$ 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> 

而且我想顯示List 3和List 4只有$的localStorage的值不是0。

我該怎麼做？

Answer 1

你可以從$ localStorage的值，並設置爲範圍變量，使用檢查變量NG-如果

$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> 

Answer 2

首先你需要注入$窗口在你的控制器使用localStorage的

//here you need to set the varialble which is ListisnotZero 
    $window.localStorage.setItem("ListisnotZero", ListisnotZero); 
//then get it from the localstorage 
    $scope.ListisnotZero= $window.localStorage.getItem("ListisnotZero"); 


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