AngularJS - change hrefユーザーがログインしているかどうかに基づいて属性がありますか？

Question

は、私は、ユーザーとして示すアイコンが表示され

<a href="#/login" class="button button-icon ion-android- 
 
    person">User</a>

私がしたいことは、ユーザーが既にログインしている場合は、ボタンをクリックすると、ユーザープロファイルページにページをリダイレクトするということです。ユーザーがログインしていない場合は、ログインページにリダイレクトします。

私はのsessionStorageにユーザー情報を保存するので、私は簡単にユーザーがログインしているかどうかを確認することができます。

factory('$loginCheck', function() { 
    return function() { 
     if(sessionStorage.getItem('email')) { 
      return true; 
     } 
     else { 
      return false; 
     } 
    }; 
}) 

私はそれを実装するためのディレクティブを使用することができます知っているが、私はそうすることを正確にどのように知りません。それを実装するベストプラクティスは何ですか？任意のアイデアが評価されます。

ありがとうございました。

Answer 1

使用ng-href：

<a ng-href="{{ ctrl.getLink() }}" class="button button-icon ion-android-person">User</a> 

はctrlがあなたのアンカー要素の範囲内のコントローラであると仮定します。あなたは関数を以下のように定義することができます：

function someController($loginCheck) { 
    this.getLink= function() { 
     return $loginCheck() ? '/user/profile' : '/login'; 
    }; 
}