关于ng-if

最新推荐文章于 2018-10-30 16:27:03 发布

原创最新推荐文章于 2018-10-30 16:27:03 发布 · 369 阅读

0 ·

CC 4.0 BY-SA版权

Angular学习日记专栏收录该内容

1 篇文章

订阅专栏

本文探讨了AngularJS框架中使用ng-app属性时遇到的一个显示问题：特定条件下某些元素未能正确隐藏的现象，并通过对比不含ng-app的情况展示了差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">
	<div data-ng-if="false">sdfsdfsdfsd</div>
	<div data-ng-if="true">22222222222222</div>
</body>
</html>

上面的第一个div不会隐藏，但是当我去掉 myApp的时候就可以了，如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
	<div data-ng-if="false">sdfsdfsdfsd</div>
	<div data-ng-if="true">22222222222222</div>
</body>
</html>