gpt4 book ai didi

javascript - 如何正确使用 ng-cloak 指令?

转载 作者:IT王子 更新时间:2023-10-29 02:52:20 25 4
gpt4 key购买 nike

不知何故,AngularJS 中的 ng-cloak 不起作用。我想在加载页面时隐藏 {{ }}。因为它看起来很糟糕。

<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="UTF-8">
<title>Angular Sample</title>
</head>
<body ng-model="isShow" ng-init="isShow=true">

<p ng-show="isShow"><span ng-cloak>{{ isShow }}</span></p>
<p ng-show="!isShow"><span ng-cloak>{{ isShow }}</span></p>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
</body>
</html>

最佳答案

here 添加此 css

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

并在父 div 或您定义应用的任何地方使用类名或属性。

例如:

<div ng-app="Random" class="ng-cloak">
</div>

关于javascript - 如何正确使用 ng-cloak 指令?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29339293/

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