个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我遇到了确切的 same problem found in this question 。然而，这两个答案都不适用于我的情况。
我的问题视频:https://www.youtube.com/watch?v=ByjmwmamemM
当我的应用程序加载时，有几个弹出窗口，所有这些弹出窗口都带有 ng-show 检查。它们一开始都是false，但是在 3-4 秒(很长一段时间)内，弹出窗口会出现，然后消失。
根据我上面链接的问题中的答案，我应该尝试在 head 部分的顶部加载 Angular，如果这不起作用，则将 .ng-cloak 添加到我的CSS 和有问题的 div。
两者都不起作用:(
之前有其他人遇到过这个问题吗？
Index.html:
<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>
弹出窗口:
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/
24
4
0
我正在学习一个 spring boot 教程，它包含一个带有以下 css 的示例: [ng\:cloak], [ng-cloak], .ng-cloak { displa
这是我的 HTML(除其他外): Add 上面的 HTML 扩展了这个 HTML 页面:
在我的 Angular 应用程序中，我使用 显示 pdf标签。 Oops, you have no PDF viewer enabled {{tab.documentdata}
我一直在看ng-cloak的源码 https://github.com/angular/angular.js/blob/master/src/ng/directive/ngCloak.js 看起来它在
如果我有以下3个类来隐藏数据类型和存储信息，我需要一个虚拟析构函数吗？我被引导相信不，但现在我不确定。出于性能原因，我宁愿不包括它。为了举例，类(class)被精简了。 #include class
用Angular.Dart弄湿我的脚。查看这些Exercises on GitHub 在第2章中，运行index.html时，我注意到在 mustache 被数据替换之前的经典闪烁。 应用通常的'da
我有CSS: [v-cloak]::before { content: "loading…"; display: block; text-align: center; width: 300px; he
我有一个由外包应用程序提供的投票系统。 用户选择单选按钮的选项之一并单击“提交”按钮后，我的 JavaScript 会将他们重定向到特定的 URL(例如 http://www.poll.com/ans
我正在编写一个 AngularJS 应用程序，但我对它很陌生，所以在下面的代码中，请指出您遇到的任何问题。 我的 AngularJS 应用程序确实有这样的定义: var OfficeUIModule
我很绝望。我遵循了其他帖子中关于此问题的所有建议:我尝试使用 ng-cloak 或 class="ng-cloak"将此规则添加到 css [ng\:cloak], [ng-cloak], [data
我的内容使用 ng-cloak 指令，我想在指令中使用 innerHeight() 获取元素高度。 但是，当使用innerHeight()时，元素被ng-cloak隐藏，因此结果始终为0。 我试过了
我有这些图标。 图标图片 icon font-awesome 图片 `` Font Awesome 注意我使用 class="ng-cloak" ` ` 这些风格 [ng\:cloak],
在表格中...我使用 ng-cloak 和 ng-show 在鼠标经过该行时出现操作按钮。 问题是，当图标出现时，它比不出现时占用更多空间，并且它周围的 html 会跳转。 我什至将我的 css 设置
在使用 Vuetify 时，我无法避免最初的内容闪现问题。我以前在没有任何 UI 库的情况下使用 Vue 时使用通常的 v-cloak 解决方案实现了这一点，但无论出于何种原因，这不适用于 Vueti
我正在尝试使用 AngularJS 创建启动画面，如 AngularJS youtube channel 上的本次演讲所述:http://youtu.be/xOAG7Ab_Oz0?t=10m20s 它
根据 VueJS documentation , v-cloak “指令可用于隐藏未编译的 mustache 绑定(bind)，直到 Vue 实例准备就绪。”。换句话说，我可以隐藏一个 div 或类似
不知何故，AngularJS 中的 ng-cloak 不起作用。我想在加载页面时隐藏 {{ }}。因为它看起来很糟糕。 Angular Sample
根据官方文档，关于 AngularJS (ng-cloak) 的一个查询: The ng-cloak directive is used to prevent the AngularJS HTML t
当我在下一页按住 F5 按钮时，AngularJS 变量 {{message}}和 {{titleHelp}}闪烁。 我已经读过要删除这个我可以放 ng-cloak在 body 标签中。但是，这没有效
我是 Angular JS 的新手，我正在尝试解决某些 html 代码在评估之前显示的问题。它首先显示表达式，然后显示值。我在body中添加了ng-cloak，但是不起作用。然后，我尝试将其添加到 h
我是一名优秀的程序员,十分优秀！