Javascript 角度ui视图未正确加载

我正在开发一个基于Angular 1和ui路由器的应用程序。下面是我的代码索引页

<div ng-if="!authenticated">
        <div ui-view></div>
    </div>

    <div ng-if="authenticated">
        <!-- header start -->
        <div header></div>
        <!-- header end -->
        <div class="wrapper" id="wrapper">
            <!-- sidebar start -->
            <div sidebar></div>
            <!-- sidebar end -->
            <div class="content">
                <div class="container-fluid">
                    <div ui-view></div>
                </div>
            </div>
        </div>
        <!-- footer start -->
        <div footer></div>
        <!-- footer end -->
    </div>

问题： 用户登录后，新的ui视图会在短时间内显示未经验证页面的视图，然后加载经过验证的内容。如何避免此问题？

尝试更改此设置

<div ng-if="!authenticated">
        <div ui-view></div>
</div>

对此

<div ng-if="!authenticated" ng-cloak>
        <div ui-view></div>
</div>

---

ng斗篷将防止这种情况发生。

显示您的路由器配置？在ui视图中使用ng斗篷。我稍后将共享路由。Thanks@Sajeetharan：路由器配置更新我将检查并通知您。谢谢，还是一样。

<div ng-if="!authenticated" ng-cloak>
        <div ui-view></div>
</div>