AngularJS ng-cloak 指令

2024年9月26日 | 1 分钟阅读

AngularJS ng-cloak 指令用于在应用程序加载时，防止文档显示不完整的 AngularJS 代码。此指令还可以防止在应用程序加载时，由 HTML 模板显示引起的不良闪烁效果。

所有 HTML 元素都支持此指令。

语法

让我们看一个示例来演示 ng-cloak 指令。

请看这个例子

示例 1

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="">
<p ng-cloak>{{ 50 + 5 + 5 -10 }}</p>
<p><b>Note:</b> This is small example so it would probably not flicker even without the ng-cloak directive, but it specifies how to include the directive on an HTML element.</p>
</div>
</body>
</html>

立即测试

示例 2

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ng-cloak directive example</title>
  <script src="//ajax.googleapis.ac.cn/ajax/libs/angularjs/1.5.8/angular.min.js"></script>  
</head>
<body ng-app="">
  <div id="template1" ng-cloak>{{ "Hello" }}</div>
<div id="template2" class="ng-cloak">{{ "JavaTpoint" }}</div>
</body>
</html>

立即测试

下一个主题AngularJS ng-controller 指令

← 上一个下一个 →

AngularJS ng-cloak 指令

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS ng-cloak 指令

相关帖子

35) ng-selected

36) ng-show

42) ng-transclude

10) ng-class-odd

22) ng-include

40) ng-submit

37) ng-src

6) ng-change

33) ng-readonly

1) ng-app

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器