I encountered a similar issue to the one described in this question, but none of the solutions provided worked for me.
Here is a video showcasing my problem: https://www.youtube.com/watch?v=ByjmwmamemM
Upon loading my app, multiple popovers with ng-show checks are displayed. Despite starting as 'false', these popovers appear for 3-4 seconds before disappearing (which is quite a long time).
The suggested fix from the linked question was to load Angular at the top in the head section, and if that didn't work, to add .ng-cloak to both my CSS and the relevant div elements.
Unfortunately, neither solution resolved the issue :(
Has anyone else faced a similar problem?
Index.html:
<body ng-app="tickertags">
<div ui-view></div>
dashboard.html <- first template loaded into ui-view
<div ng-controller="DashCtrl">
<top-notification></top-notification>
<alerts-panel></alerts-panel>
<search-popover></search-popover>
<tags-search></tags-search>
<tags-filter></tags-filter>
<div class="dash-body" ng-click="bodyClick()">
<header>
<platform-header></platform-header>
<control-header></control-header>
<view-header></view-header>
</header>
<tickers-panel></tickers-panel>
<tags-panel></tags-panel>
<section id="panel-activity" class="activity-panel">
<chart-header></chart-header>
<chart-iq></chart-iq>
<social-media-panel></social-media-panel>
</section>
</div>
<overlay></overlay>
</div>
The popovers:
searchPopover: (3-4 seconds before hiding)
<div ng-show="searchPopoverDisplay" class="search-popover" ng-cloak>
tagSearchPopover: (3-4 seconds before hiding)
<div ng-show="tagsSearch.tagsFuzzyResults" class="tag-search-popover" ng-cloak>
tagFilterPopover: (This popover disappears the fastest, within 0.5 seconds)
<div ng-show="tagsFilterOn" class="tags-filter-popover" ng-click="captureClick()" ng-cloak>
ng-cloak
// ng-cloak
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important;
}