javascript - 如何消除 ngShow 初始化的延迟？当 ng-cloak 失败时？

我遇到了确切的 same problem found in this question 。然而，这两个答案都不适用于我的情况。

我的问题视频:https://www.youtube.com/watch?v=ByjmwmamemM

enter image description here

当我的应用程序加载时，有几个弹出窗口，所有这些弹出窗口都带有 ng-show 检查。它们一开始都是false，但是在 3-4 秒(很长一段时间)内，弹出窗口会出现，然后消失。

根据我上面链接的问题中的答案，我应该尝试在 head 部分的顶部加载 Angular，如果这不起作用，则将 .ng-cloak 添加到我的CSS 和有问题的 div。

两者都不起作用:(

之前有其他人遇到过这个问题吗？

Index.html:

enter image description here

<body ng-app="tickertags">

    <div ui-view></div>

dashboard.html <-第一个模板加载到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>

<小时/>

弹出窗口:

enter image description here

searchPopover:(隐藏前 3-4 秒)

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

tagSearchPopover:(隐藏前 3-4 秒)

<div ng-show="tagsSearch.tagsFuzzyResults" class="tag-search-popover" ng-cloak>

tagFilterPopover:(<- 此弹出窗口消失速度最快，0.5 秒)

<div ng-show="tagsFilterOn" class="tags-filter-popover" ng-click="captureClick()" ng-cloak>

ng斗篷

// ng-cloak
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

最佳答案

默认情况下在 css 中隐藏它们，然后在 Angular 加载时覆盖它们。 3-4 秒的延迟可能是在您发出的所有其他请求中获取和加载 Angular 所花费的时间(您应该检查您的网络面板)。

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

<小时/>

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

关于javascript - 如何消除 ngShow 初始化的延迟？当 ng-cloak 失败时？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30540119/

javascript - 如何消除 ngShow 初始化的延迟？当 ng-cloak 失败时？

上一篇：javascript - 谷歌浏览器扩展程序: how to open a new browser window more than once?

下一篇：javascript - 为什么我的实例的属性未定义？