javascript - AngularJs:ng-if react 太迟

Question

我正在使用 ui.router 并在我的主 html 文件中包含这样的导航:

<header ng-if-start="logedin()"></header>
<navigation ng-if-end="logedin()"></navigation>

logedin() bool 值将通过此函数中的 angular.module().run() 设置:

$rootScope.$on('$stateChangeStart', function(e, to)

如果我在其中一个导航中单击注销，导航的 Controller 将触发此功能:

$scope.logout = function() {
    store.remove('jwt');
    $state.go('login');
}

问题是在 $state.go 之后导航没有隐藏，而是在刷新页面之后。

我是否必须重新呈现主索引模板/ View (然后如何)？或者我该如何解决这个问题？

Answer 1

所以我自己解决了。很抱歉没有提供 logedin() 方法。

问题是:

$scope.logedin = function() {
return $rootScope.logedin
}

$rootScope.logedin 在 angular.module().run() 函数中设置。

为了解决这个问题，我必须创建一个简单的 getter/setter 服务。

angular.module('sample')
    .service('sharedLogedIn', function () {
        var property = true;

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });