Загрузка содержимого пользовательского интерфейса перед отображением остального содержимого страницы

У меня есть верхний и нижний колонтитулы, которые представляют собой чистый html, и div, между которыми загружаются все мои представления с использованием ui-view, так что это выглядит примерно так:

<body>
  <header></header>
  <div ui-view></div>
  <footer ng-cloak></footer>
</body>

Моя страница загружается правильно, проблема заключается в том, что на короткое время мой нижний колонтитул загружается перед моим контентом и заполняет всю страницу. Я попытался использовать ng-cloak, как указано в этой теме: Стратегия AngularJS для предотвращения показа нестилизованного контента для класса

к сожалению, похоже, что это не работает, есть ли способ загрузить содержимое пользовательского интерфейса до того, как я отобразлю нижний колонтитул?

РЕДАКТИРОВАТЬ: Мой пользовательский интерфейс настроен примерно так:

function configRoutes($stateProvider){
  $stateProvider
    .state('login', {
      url: '/login',
      template: '<login></login>'
    });
}

Директива входа в систему не делает ничего особенного.


javascript html angularjs angular-ui-router fouc
person Vishal Rao    schedule 24.04.2017    source источник
comment
Простым подходом было бы добавление высоты по умолчанию (я думаю, 100%) для вашего элемента div[ui-view], чтобы ваш footer не заполнял всю страницу.   -  person lenilsondc    schedule 24.04.2017
comment
Похоже, это не работает, так как мой тег ui-view не имеет содержимого, поэтому высота 100% все равно будет равна 0px. Кроме того, я бы предпочел просто загрузить нижний колонтитул после загрузки содержимого, если это возможно. РЕДАКТИРОВАТЬ: я мог бы указать высоту: 100vh, чтобы сделать это так, как вы предложили, но все равно кажется немного странным, когда страница загружается, чтобы увидеть верхний и нижний колонтитулы, но ничего посередине.   -  person Vishal Rao    schedule 24.04.2017
comment
Извините, я плохо выразился, я хотел сказать, используйте значение min-height, чтобы ваш div[ui-view] никогда не был нулевой высоты.   -  person lenilsondc    schedule 24.04.2017
comment
@Vishal: Не могли бы вы поделиться конфигурацией ui-router, пожалуйста.   -  person Julien TASSIN    schedule 24.04.2017