angularJS学习之路（十一）---ng-show和ng-hide
2015-11-23 13:38
579 查看
ng-show 和 ng-hide 根据表达式的值来显示或者隐藏HTML元素
ng-show false 被隐藏
ng-hide true 被隐藏
另外注意判断符号是 ===
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>另外注意判断符号是 ===
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 构建自己的AngularJS，第一部分：作用域和digest
- angularJS学习之路（九）---ng-if
- AngularJS Form 进阶：远程校验和自定义输入项
- AngularJS表单基础
- AngularJS Form 进阶：远程校验和自定义输入项
- angularJS学习之路（八）---ng-switch
- angularjs make a simple countdown
- angularJS学习之路（七）---子控制器关于是引用机制还是复制机制的问题---原型继承
- angularjs中常用的ng指令介绍【转载】
- [Angular 2] A Simple Form in Angular 2
- angualr 之 $$phase
- AngularJS
- angularjs的简单应用（一）
- AngularJs $animate 让页面动起来
- angularJS学习之路（六）---指令
- AngularJs $interval 和 $timeout
- angularJS学习之路（五）---表达式
- angularjs的部分总结
- angularJS学习之路（四）---作用域（1）
- angular学习笔记