angularjs ui-if状态变量设置值异步

Question

我想限制边栏，直到用户登录完成

侧栏位于ui视图部分之外

我假设已authenticated为状态变量

<div ng-controller="MyController" ui-prevent-touchmove-defaults>
    <section style="height: 100%" layout="row" flex="">
        <div ui-if="authenticated" ng-include="'pages/sidebar.html'"></div>
        <md-content id="container" style="overflow:hidden;height: 100%;padding: 0 0 0 0" ui-view flex=""></md-content>
    </section>
</div>

在JavaScript代码中，我有一个初始值

SharedState.initialize($rootScope, "authenticated", false);

但是当我登录后调用此方法时

SharedState.initialize($rootScope, "authenticated", true);

UI没有出现，如何实现，是否有触发方法可以重新渲染？

Answer 1

您可以在控制器级别调用一次Initialize方法，但是可以使用turnOn方法触发ui状态

SharedState.turnOn("authenticated");

请参阅Mobile Angular UI文档-SharedState：turnOn