Felder basierend auf $ localStorage anzeigen

Question

Ich möchte Felder auf der Seite basierend auf $ localStorage anzeigen.

Wenn ich habe folgendes:

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

Und ich will die List 3 und List 4 nur zeigen, wenn der Wert von $ localstorage ist nicht 0.

Wie mache ich das?

Answer 1

Sie können den Wert aus dem $ local erhalten und auf Umfang variabel und prüfen, ob die Variable 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> 

Answer 2

zunächst müssen Sie $ Fenster in Ihrem Controller injizieren verwenden local

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