Панель навигации отображается только после нажатия на элементы страницы при обновлении страницы в угловых js

Question

Это странный случай для меня, когда я обновляю страницу разрешений, панель навигации слева не отображается. После того, как я нажму на выпадающий или переключатель или флажок, он отображает панель навигации, как я и ожидал. Что вызывает скрытие панели навигации при обновлении страницы. Это происходит только на странице разрешений. Вот мой код:

<!-- list -->
<!--<style>
    hrquestions.{
font-size:
    }
</style>-->

<ul class="nav" ng-init="GetNavigationMenu()">
    <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
        <span translate="aside.nav.HEADER">General</span>
    </li>

    <li ui-sref-active="active" ng-show="navigationMenu[0].data.View">
        <a ui-sref="app.dashboard">
            <i class="glyphicon glyphicon-th"></i>
            <span translate="aside.nav.DASHBOARD">Dashboard</span>
        </a>
    </li>

    <li ng-class="{active:$state.includes('app.requirements')}" ng-show="navigationMenu[1].data.View">
        <a href class="auto" ui-sref="app.requirements.index">
            <span class="pull-right text-muted">
            </span>
            <i class="glyphicon glyphicon-list"></i>
                <span>Requirements</span>
            </a>
        </a>
        <ul class="nav nav-sub dk">

            <li ng-class="{active:$state.includes('app.requirements.new') || $state.includes('app.requirements.edit')}" ng-show="navigationMenu[1].data.Add">
                <a ui-sref="app.requirements.new">
                    <span>Add New</span>
                </a>
            </li>
        </ul>
    </li>

    <li ui-sref-active="active" ng-show="navigationMenu[2].data.View">
        <a ui-sref="app.deviation">
            <i class="fa fa-line-chart"></i>
            <span>Deviation Report</span>
        </a>
    </li>

    <li ng-class="{active:$state.includes('app.schedule')}" ng-show="navigationMenu[3].data.View">
        <a href class="auto" ui-sref="app.schedule.index">
            <span class="pull-right text-muted">
            </span>
            <i class="icon icon-equalizer"></i>
            <span>Schedule Interview</span>
        </a>
        <ul class="nav nav-sub dk">
            <li ui-sref-active="active" ng-show="navigationMenu[3].data.Add">
                <a ui-sref="app.schedule.new">
                    <span>Add New</span>
                </a>
            </li>
        </ul>
    </li>


    <li ng-class="{active:$state.includes('app.permission')}" ng-show="navigationMenu[4].data.View">
        <a href class="auto" ui-sref="app.permission">
            <span class="pull-right text-muted">
            </span>
            <i class="icon icon-lock"></i>
            <span>Permissions</span>

        </a>
    </li>

    <li ui-sref-active="active" ng-show="navigationMenu[4].data.View">
        <a ui-sref="app.question">
            <i class="fa fa-question"></i>
            <span>HR Interview Questions</span>
        </a>
    </li>

    <!--<li ui-sref-active="active" ng-if="navigationMenu[0].View ||navigationMenu[5].View">
        <a ui-sref="app.dashboard">
            <i class="glyphicon glyphicon-th"></i>
            <span translate="aside.nav.DASHBOARD">Dashboard</span>
        </a>
    </li>-->

    <li class="line dk"></li>


</ul>
<!-- / list -->

**JS code for Nav bar:**
$scope.GetNavigationMenu = function GetNavigationMenu() {
        var modules = ["Dashboard", "Requirements", "Deviation Report", "Schedule", "Permission"];
        Promise.all(modules.map(Module => httpService.get(serviceBase + rightsPermissionUrl, { Module })))
          .then((list) => {
              // do stuff with `list` array
              $scope.navigationMenu = list;
          });
    }