- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我有这些图标。
`<img ng-if="device.icon != undefined" src="{{ device.icon }}" width="60px;">`
注意我使用 class="ng-cloak"
`<span class="ng-cloak" ng-if="device.icon == undefined">
<i class="fa fa-fw fa-lg" ng-class="device.status.deviceType.icon"></i>
</span>`
这些风格
<style>
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>
现在,它显示我的图标 font-awesome 在加载时仍然显示得非常快。
如何防止这种情况发生?
最佳答案
ngCloak
仅防止元素以未编译(由 AngularJS)形式显示。它短暂显示的原因是因为您的 ngIf
声明,因为,简而言之,device.icon
未定义(我假设它正在等待 AJAX 响应)。
如果您根本不想显示该图标,那么就不要包含该标签。否则,您将需要另一个变量来确定何时显示图标,而不是基于未定义状态,而是基于获取设备信息的 AJAX 调用的状态。像这样:
<span class="ng-cloak" ng-if="ajaxFinished && device.icon == undefined">
<i class="fa fa-fw fa-lg" ng-class="device.status.deviceType.icon"></i>
</span>
关于javascript - 如何调试 ng-cloak AngularJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55870443/
我正在学习一个 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
我是一名优秀的程序员,十分优秀!