gpt4 book ai didi

html - 页面加载时angularjs ng-cloak不起作用

转载 作者:太空狗 更新时间:2023-10-29 15:16:39 24 4
gpt4 key购买 nike

我是 AngularJS 的新手,正在尝试解决在评估 ng-if 条件之前显示某些 HTML 代码的问题。我正在使用 ng-cloak,正如许多其他堆栈流 URL 中提到的那样,但它仍然对我不起作用。我正在尝试加载默认图像,如果 URL 上的实际图像为空白,并且当页面加载时,即使实际 URL 存在,它也会首先闪烁默认图像,然后加载实际图像,因为 ng-cloak 无法正常工作。

请帮忙。

我有下面的代码和 CSS 等

索引.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>

其他.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>

最佳答案

您可以在 body 标签中应用 ng-cloak。所以,只有在angular编译之后,你的全身才会显示出来。

<body ng-cloak ng-app="app">
..
</body>

这将解决您的问题。

关于html - 页面加载时angularjs ng-cloak不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33818166/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com