angularjs-ng-show 指令
2017-02-06 16:52
330 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<div ng-app="" ng-init="hour=13">
<p ng-show="true">可见</p>
<p ng-show="false">不可见</p>
<input type="text" ng-model="hour">
<p ng-show="hour > 12">`hour`</p>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<div ng-app="" ng-init="hour=13">
<p ng-show="true">可见</p>
<p ng-show="false">不可见</p>
<input type="text" ng-model="hour">
<p ng-show="hour > 12">`hour`</p>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</html>
相关文章推荐
- AngularJS基础 ng-show 指令简单示例
- AngularJS之ng-show指令
- angularJS中的ng-show、ng-if指令
- AngularJS展示数据的ng-bind指令和{{}} 区别
- AngularJS杂记9----玩转ng-options指令:工作中的常见操作
- [AngularJS] ng-if vs ng-show
- AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
- AngularJS基础 ng-keyup 指令简单示例
- AngularJS基础 ng-open 指令简单实例
- angularjs-ng-hide 指令
- angularJS-ng-model 指令.html
- angularjs中ng-show的使用
- 深入理解AngularJS中的ng-bind-html指令
- AngularJS 初始化指令- ng-init
- angularjs中ng-show和css中display的区别
- data-ng-show 指令
- AngularJS基础 ng-list 指令详解及示例代码
- angularjs-ng-click 指令
- AngularJs ngIf、ngSwitch、ngHide/ngShow
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch