data-ng-show指令
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.6-dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<input type="checkbox" data-ng-model="mySwitch" /><p ng-show="mySwitch">选中复选框我就显示</p>
</div>
</div>
<script src="jQuery/jquery-2.1.4.min.js"></script>
<script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) { $scope.mySwitch=true})
</script>
</body>
</html>
最新文章
- 【leetcode】Multiply Strings
- js正则表达式校验非负整数：^\d+$ 或 ^[1-9]\d*|0$ 【转载】
- springmvc 向页面传值
- rabbitmq+ keepalived+haproxy高可用集群详细命令
- js截取指定字节长度的字符串
- 各种less开发工具
- Java获取真实的IP地址--转载
- [转帖]自动调整TextView字体大小以适应文字长度
- 使用JDK自带缓存（Cache）实现Cookie自动登陆
- phantomjs API
- Android Studio自定义注释模板及生成JavaDoc
- 2013 CSU校队选拔赛(1) 部分题解
- Java Swing 记事本代码
- Javascript基础知识小测试（一）
- 在亚马逊linux环境上装mysql+添加启动项
- Beta冲刺NO.1
- mybatis ----数据级联查询（多对一）
- IntelliJ IDEA配置maven远程仓库
- Effective Java 第三版——73.抛出合乎于抽象的异常
- 【逆向工具】IDA使用5-（ string、图形化与视图的切换、图形化显示反汇编地址、自动注释、标签使用）