Skip to content Skip to sidebar Skip to footer

How To Remove Delay From Ngshow Initialization? When Ng-cloak Fails?

I've run into the exact same problem found in this question. However both answers did not work in my case. Video of my problem: https://www.youtube.com/watch?v=ByjmwmamemM When my

Solution 1:

Hide them by default in css, then override when angular loads. The 3-4 second delay could be the time it's taking to fetch and load angular amidst all the other requests you're making (you should check your network panel).

.display-on {
    display: block !important;
    opacity: 1!important;
}

ng-class="{'display-on': searchPopoverDisplay}"

Solution 2:

I know this has been answered, but I have another solution.

Using the bootstrap.css:

<div class="collapse" ng-class="{'collapse': [falsy after ng evaluates] }"

This will remove the collapse class if required, but it will start off as hidden until angular can evaluate it.

Otherwise use any class that sets display:none, and remove it with ng-class.

Solution 3:

To make a div hidden by default and prevent it from being shown before the page is completely loaded, you can add ng-hide to class attribute. E.g.:

<div ng-show="searchPopoverDisplay ng-hide"class="search-popover" ng-cloak>

Post a Comment for "How To Remove Delay From Ngshow Initialization? When Ng-cloak Fails?"