angularJS学习之路（十一）---ng-show和ng-hide
angularJS学习之路（十一）---ng-show和ng-hide
wust小吴
发布于 2019-07-08 16:36:43
发布于 2019-07-08 16:36:43
ng-show 和 ng-hide 根据表达式的值来显示或者隐藏HTML元素
ng-show false 被隐藏
ng-hide true 被隐藏
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div ng-show="2 + 2 === 5">2 + 2 isn't 5, don't show</div>
<div ng-show="2 + 2 === 4">2 + 2 is 4, do show</div>
<div ng-hide="2 + 2 === 5">2 + 2 isnt 5, don't hide</div>
<div ng-hide="2 + 2 === 4">2 + 2 isnt 5, do hide</div>
<script type="text/javascript" src="../js/angular.min.js"></script>
<script>
var app = angular.module("myApp", []);
</script>
</body>
</html>另外注意判断符号是 ===
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2015年11月23日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读