AngularJS - 根据用户是否登录更改href属性？

Question

我有一个显示为用户的图标

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我想要的是，如果用户已经登录，则单击该按钮时，将页面重定向到用户个人资料页面。如果用户未登录，则重定向到登录页面。

我将用户信息存储在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是锚元素范围内的控制器。您可以像这样定义getLink函数：

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