data-ng-hide指令用于隐藏或显示HTML元素

<!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" />
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<p data-ng-hide="myCtrl1">我是可见的。</p>
<p data-ng-hide="myCtrl2">我是不可见的。</p>
</div>
</div>

<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/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.myCtrl1 = false;$scope.myCtrl2=true})
</script>
</body>
</html>

时间: 2024-12-28 00:45:16

data-ng-hide指令用于隐藏或显示HTML元素的相关文章

IntelliJ Idea Hide excluded folders 隐藏或显示你需要的文件夹

IntelliJ Idea,以前用idea时,经常maven编译就出现了exclude下的文件夹通常是target,如何隐藏自己不想看见的文件夹,或显示偶尔会用到的文件夹 点击齿轮右下小标 选中文件夹右键

JQuery: JQuery效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)

JQuery:效果 JQuery效果有很多,包括隐藏.显示.切换,滑动,淡入淡出,以及动画等.隐藏:JQuery hide() 显示:JQuery show() 切换:JQuery toggle() 淡入淡出:JQuery fadeIn().JQuery fadeOut().JQuery fadeToggle().JQuery fadeTo() 滑动:JQuery slideDown().JQuery slideUP().JQuery slideToggle() 动画:JQuery animat

Web开发技术&mdash;&mdash;JQuery4(隐藏和显示、淡入和淡出)

隐藏.显示.切换,滑动,淡入淡出,以及动画,哇哦! JQuery隐藏和显示 实例 jQuery hide() 演示一个简单的 jQuery hide() 方法. jQuery hide() 另一个 hide() 演示.如何隐藏部分文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素: $("#hide").click(function(){ $("p").hide();

jQuery 效果 - 隐藏和显示

jQuery hide() 和 show() show()方法显示隐藏的元素 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="jquery-2.2.0.min.js"></script> 5 <script type="text/javascript"> 6 $(document).ready(function(){ 7 $("#h

jQuery 效果 – 隐藏和显示

在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法. 隐藏.显示.切换,滑动,淡入淡出,以及动画,哇哦! 点击 显示/隐藏面板 实例 jQuery hide() 简单的jQuery hide()方法演示. jQuery hide() 另一个hide()实例.演示如何隐藏文本. jQuery hide() 和 show() 通过 jQuery,您可以使用 hide() 和 s

[ jquery 效果 show([speed,[easing],[fn]]) hide([speed,[easing],[fn]]) ] 此方法用于显示隐藏的被选元素:show() 适用于通过 jQuery 方法和 CSS 中 display:none type=&#39;hidden&#39; 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)

show()显示隐藏的被选元素:show() 适用于通过 jQuery 方法和 CSS 中 display:none type='hidden' 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素): hide() 方法隐藏被选元素: 参数 描述 speed 可选.规定显示效果的速度. 可能的值: 毫秒 "slow" "fast" easing 可选.规定在动画的不同点上元素的速度.默认值为 "swing". 可能的值: &

[ jquery 效果 slideDown([speed,[easing],[fn]]) slideUp([speed,[easing],[fn]]) ] 此方法用于滑动显示隐藏的被选元素:动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会被有动画,效果更流畅

此方法用于滑动显示隐藏的被选元素:动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来.在jQuery 1.3中,上下的padding和margin也会被有动画,效果更流畅 实例: <!DOCTYPE html><html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my

jQuery动画隐藏和显示 hide() show() toggle()用法

jQuery动画隐藏和显示 hide()  show() toggle()用法 <div>www.cnmibee.com</div> 1,jQuery hide() 和 show() $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 2,jQuery toggle

[ jquery 效果 slideToggle([speed,[easing],[fn]]) ] 此方法用于滑动显示隐藏的被选元素

通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数; 这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示.在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅 实例: <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this i