AngularJS控制div隐藏或显示-ng-show

2019独角兽企业重金招聘Python工程师标准>>>

效果图

NgShow.html

<!doctype html>
<html ng-app="MyCSSModule"><head><meta charset="utf-8">
</head><body>
<div ng-controller='DeathrayMenuController'><button ng-click='toggleMenu()'>Toggle Menu</button><ul ng-show='menuState.show'><li>Stun</li><li>Disintegrate</li><li>Erase from history</li></ul>
</div>
</body><script src="js/angular-1.3.0.js"></script>
<script src="NgShow.js"></script></html>

NgShow.js

var myCSSModule = angular.module('MyCSSModule', []);
myCSSModule.controller('DeathrayMenuController', ['$scope',function ($scope) {$scope.menuState = {show: false};$scope.toggleMenu = function () {$scope.menuState.show = !$scope.menuState.show;};}
]);

转载于:https://my.oschina.net/mcyy568/blog/718319

AngularJS控制div隐藏或显示-ng-show相关推荐

Bootstrap—点击按钮控制div隐藏和显示的切换（图文详情）
Bootstrap-点击按钮控制div隐藏和显示的切换第一步:bootstrap有一个open类用来控制隐藏和显示,动态获取open是true还是false,并且点击按钮让toggle的true和f ...
点击按钮控制div隐藏和显示
要求:有一个按钮,点击按钮使得div消失,之后将按钮文字改变为显示,再次点击按钮使得div出现,依次类推.效果如下图方法一引入vue <html><head>< ...
原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=docu ...
html动态显示隐藏div,div隐藏与显示属性怎么让一个div显示一个div隐藏
怎么让一个div显示一个div隐藏总是显示 js控制div显示与隐藏,js利用"hover"属性 1.首先样式要设定好,在每个li区域只能显示a或者b. 2.引入js库代码(jq ...
原生js设置div隐藏或者显示_JS实现“隐藏与显示”功能(多种方法)
下面我将效果图展示出来: 1,通过按钮实现隐藏与显示: 这个是通过按钮点击实现的隐藏与显示,具体代码如下: 通过按钮实现隐藏和显示 .body{ margin: 0 auto; } #show{ wi ...
原生js设置div隐藏或者显示_用js控制div的显示与隐藏
功能介绍:要实现一个div的显示与隐藏,方法有很多,这里记录下一个简单的js效果,用js来控制div的显示与隐藏,示例代码如下: js显示隐藏层 function showdiv(targetid,o ...
原生js设置div隐藏或者显示_JavaScript动画方式控制div元素的隐藏和显示
jQuery实现此功能相对比较简单,具体参阅点击按钮动画方式隐藏和显示div一章节. 结合CSS3实现此功能也非常便利和适合,具体参阅JavaScript与CSS3动画方式改变元素尺寸一章节. 原生J ...
div隐藏select显示的解决办法(就死select挡住了div) 不是网上找到的那五种
在网上找到的解决办法地址如下 http://www.blogjava.net/fine/archive/2007/08/07/134941.html 又想到了一种新的解决办法,是试出来的(准确点说是看 ...
js控制div滚动条的显示/隐藏
滚动条显示 document.getElementById("keyCard").style.overflow = "auto"; 滚动条隐藏 document ...

AngularJS控制div隐藏或显示-ng-show

效果图

NgShow.html

NgShow.js

AngularJS控制div隐藏或显示-ng-show相关推荐

最新文章

热门文章