ブラウザーの読み込みを停止する方法localStorageアイテムがAngularJSで利用できないとき

Question

ログイン後にプロフィール画像を表示するnavbarがあるとします。 私はlocalstorageでユーザープロファイルを設定するAuth0のロックを使用しています。 img-srcはlocalStorageから来ました。

NavbarView.html

<li ng-if="!lgin.isAuthenticated"><a ng-click="lgin.authService.login()">Sign in</a></li> 
<li ng-if="lgin.isAuthenticated" class="dropdown"> 
    <a href="" class="dropdown-toggle" data-toggle="dropdown"> 
    <strong>{{lgin.profile.name}}</strong> 
    <img src="{{lgin.profile.picture}}" alt="{{lgin.profile.name}}"> 
       <span class="caret"></span></a> 

loginController.js

var lgin = this; 
lgin.isAuthenticated = $rootScope.isAuthenticated; 
var accessData = localStorage.getItem('profile'); 
lgin.profile = angular.fromJson(accessData); 

ユーザーがホームページを入力すると、ブラウザは、彼らが「didnのため、利用できない（lgin.profile.pictureのために見つけておきますまだログインしていないので）、ログインしなければスピナーは止まらない。 これを修正するには？

Answer 1

単純な条件文を使用します。キーが存在しない場合、getItem()はnullを返します

var accessData = localStorage.getItem('profile'); 
if(accessData){ 
    lgin.profile = angular.fromJson(accessData); 
}