angularjs ng-cloak在页面加载时不起作用
angularjs ng-cloak在页面加载时不起作用
提问于 2015-11-20 10:47:42
我是一个新手，正在尝试修复一些AngularJS代码在计算ng-if条件之前显示的问题。我正在使用ng-cloak，正如在许多其他堆栈中提到的那样，它仍然不适用于我。我正在尝试加载默认图像，如果URL上的实际图像是空白的，当页面加载时，即使实际的URL在那里，它也会首先闪烁默认图像，然后加载实际图像，因为ng-cloak不能正常工作。
请帮帮忙。
我有以下代码和CSS等。
Index.html
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<base href="/">
<title>Some App</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-resource.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"></script>
<script src="https://code.angularjs.org/1.4.7/angular-sanitize.min.js"></script>
<style type="text/css">
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>
</head>
<body ng-app="app">
some code here
<div ng-view></div>
</body>
</html>other.html
<div class="content">
<div style="width: 100px; height: 40px;">
<div ng-if="image.small">
<img src="{image.small}}">
</div>
<div ng-if="!image.small" ng-cloak>
<img src="image/default.png">
</div>
</div>回答 6
Stack Overflow用户
发布于 2015-11-20 11:52:36
您可以在body标记中应用ng-cloak。所以，只有在angular编译之后，你的整个身体才会显示出来。
<body ng-cloak ng-app="app">
..
</body>这将解决您的问题。
Stack Overflow用户
发布于 2015-11-20 14:03:34
我总是在我的<html>标签上这样做。像<html ng-app="someApp" ng-cloak>一样
Stack Overflow用户
发布于 2018-04-25 18:43:00
timeout函数将执行您想要的操作：
// timeout function will give some time for page load.
$timeout(function () {
//your page load
$("#panelTask").html(res);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33818166
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号