时间:2021-05-25
AngularJS 通过新的属性和表达式扩展了 HTML。
AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。
代码如下所示:
<!DOCTYPE html><html ng-app="a2_12"><head><meta charset="utf-8"><title></title><script type="text/javascript" src="../js/angularJs-1.2.16-min.js"></script><style type="text/css">body{font-size: 12px;}ul{list-style-type: none;width: 408px;margin: 0px;padding: 0px;}div{margin: 8px 0px;}</style></head><body><div ng-controller="c2_12"><div ng-show="{{isShow}}">陶国荣</div><div ng-hide="{{isHide}}">1012@qq.con</div><ul ng-switch on={{switch}}><li ng-switch-when="1">11111111111111111</li><li ng-switch-when="2">22222222222222222</li><li ng-switch-default>33333333333333333</li></ul></div><script type="text/javascript">var a2_12 = angular.module('a2_12', []);a2_12.controller('c2_12', ['$scope', function($scope) {$scope.isShow=true;$scope.isHide=false;$scope.switch=2;}]);</script></body></html>ng-switch指令的功能是显示匹配成功的元素,该指令需要结合ng-switch-when和ng-switch-default指令使用.
当指定的on值与某个或多个添加ng-switch-when指令的元素匹配时,这些元素显示,未匹配到的元素的隐藏.
如果没有找到与on值相匹配的元素时,则显示添加了ng-switch-default指令的元素.
以上所述就是本文给大家介绍的AngularJs中的隐藏和显示全部内容,希望大家喜欢。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AngularJSng-open指令AngularJS实例通过点击checkbox显示或隐藏列表:点击这里显示details列表:学的不仅是技术,更是梦想!-菜
1、元素的显示和隐藏display:none;隐藏display:block;显示简单显示和隐藏方法a)show()显示b)hide()隐藏c)toggle()
AngularJS表格ng-repeat指令可以完美的显示表格。在表格中显示数据使用angular显示表格是非常简单的:AngularJS实例{{x.Name}
在Word中编辑文字的过程中,常常需要将部分文字或全部文字隐藏,而在适当时候再显示Word隐藏文字。设置Word隐藏文字和显示Word隐藏文字的方法如下。1.设
Android检测键盘是否显示及隐藏键盘的方法~~Android中对于键盘的隐藏与显示的文章很多,今天公司项目需求不仅需要键盘隐藏和显示还需要对键盘的状态进行检