程序博客网 > aⅴ淘宝新址

angular的几种元素隐藏的方式

来源：互联网 发布：aⅴ淘宝新址 编辑：程序博客网 时间：2024/05/22 02:15

ng-show和ng-if 等几个隐藏显示元素的方法。

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="UTF-8">  
  5.         <title></title>  
  6.         <script src="day2/src/angular.js"></script>  
  7.         <style type="text/css">  
  8.             .box{  
  9.                 width: 100px; height: 100px; background: red;  
  10.             }  
  11.               
  12.         </style>  
  13.     </head>  
  14.     <body>  
  15.           
  16.         <div ng-app="fristApp">  
  17.             <div ng-controller="fristController">  
  18.                 <!--show方法吧display设置成none 不显示的时候在dom中-->  
  19.                 <div class="box"ng-show="isShow"></div>  
  20.                 <div class="box" ng-hide="isShow"></div>  
  21.                   
  22.                 <!--if隐藏就不存在dom中-->  
  23.                 <div class="box"ng-if="isShow"></div>  
  24.                   
  25.                 <!--定义一个开关，只有当父div中子元素的相应变量值等于current时才会显示，  
  26.                 其他的都会隐藏（在dom中不存在）-->  
  27.                 <div ng-switch on="current">  
  28.                     <div ng-switch-when="home">home</div>  
  29.                     <div ng-switch-when="home1">home1</div>  
  30.                     <div ng-switch-when="home2">home2</div>  
  31.                 </div>  
  32.             </div>  
  33.             </div>  
  34.               
  35.         </div>  
  36.     </body>  
  37.     <script type="text/javascript">  
  38.         var myApp = angular.module('fristApp',[]);  
  39.         myApp.controller('fristController',function($scope){  
  40.             $scope.isShow = true;  
  41.             $scope.current = "home2"  
  42.         })  
  43.     </script>  
  44. </html>  
0 0
aⅴ淘宝新址 aⅴ淘宝新址
原创粉丝点击
热门IT博客
ipad 32g够用吗 知乎ipad 32g够用吗 知乎
忘羡捏脸数据忘羡捏脸数据
网络大电影科幻题材
人工智能在智能交通
lol金牌网吧软件
java工作内容怎么写
天正建筑t20 mac
国外美女图片网站源码
淘宝的优惠券是真的吗
iphone5s优化ios11.2
ubuntu php7环境搭建
先锋乒羽兵器淘宝商城
站桩打坐时想什么 知乎
java中常用的加密算法
五五开拉黑淘宝权
淘宝一个月赚5000难吗
董洁 王大治 知乎
汽车配件购物软件
jackson 字符串转json
成塔软件
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 皮沙发掉漆怎么办 电脑已禁用ime怎么办 lol英雄胜率低怎么办 脸蛋有红血丝怎么办 脸不一般大怎么办 脸红怎么办有用小办法 脸上有红脸蛋怎么办 脸红肿痒过敏怎么办 窦性心律不齐怎么办 中国5000万光棍怎么办 男朋友占有欲强怎么办 身份证丢了怎么办最快 急需1万元怎么办 急需一万块钱怎么办 断桥铝窗户漏风怎么办 阳台窗户下漏水怎么办 窗户框上面渗水怎么办 断桥铝窗户漏水怎么办 楼上装修噪音大怎么办 手机迅雷没声音怎么办 相亲男外地工作怎么办 感觉婚姻好累怎么办 电脑声音小怎么办win7 win7电脑声音小怎么办 电脑声音特别小怎么办 win10突然没声音怎么办 win10电脑没声音怎么办 win10系统没声音怎么办 耳机突然没声音怎么办 苹果手机声音小怎么办 苹果耳机没声音怎么办 耳机麦声音小怎么办 耳麦说话没声音怎么办 耳麦说话声音小怎么办 耳机麦没声音怎么办 oppo电话声音小怎么办 oppoa59听筒坏了怎么办 手机语音没声音怎么办 yy直播没有声音怎么办 卖烧烤不赚钱怎么办 孩子非老公亲生怎么办

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里