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