Angular - ng-hide mit localstorage funktioniert nicht

Question

ich in meinem HTML haben:

<div ng-hide="token"> 
    Test 
</div> 

Und in meinem Controller:

$scope.token = localStorage.key; 

Aber es ist immer false zurück - es doesn (?) arbeite nicht.

Und wenn ich versuche, es so zu tun:

<div ng-hide="token()"> 
    Test 
</div> 

Und Controller:

$scope.token = function(){ 
    return localStorage.key; 
} 

es; s funktioniert auch nicht.

warum?

Und wie kann ich es tun?

danke

Answer 1

Sie verwenden nicht localStorage richtig. Die richtige Methode ist:

$scope.token = localStorage.getItem(key); 

In ähnlicher Weise würden Sie setItem setzen etwas in und removeItem es später zu löschen.

komplette Dokumentation auf local: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Answer 2

localstorage ist ein Schlüssel/Wert-Array.

können Sie verwenden:

window.localStorage.getItem('key'); 
    window.localStorage.setItem('key', 'value'); 
    window.localStorage.removeItem('key'); 
    window.localStorage.length; 
    window.localStorage.key(n); 

versuchen, dies zu verwenden, wenn Sie in der Konsole sehen müssen, welchen Wert Sie benötigen:

for (var key in localStorage){ 
     console.log(key) 
    } 

Wenn Sie versuchen, einen Standardwert für Ihr Token zuweisen und es funktioniert immer noch nicht, es könnte ein Problem sein.

See:

http://jsfiddle.net/hgjrmoru/145/

Answer 3

Die Lösung ist wie folgt:

$scope.token = function(){ 
    return localStorage.getItem('key'); 
} 

Hier ist eine Demo für alle anderen Optionen:

https://jsfiddle.net/morwin10/r0ue8qwp/