zoukankan      html  css  js  c++  java
  • AngularJS之ng-show指令

    1、问题背景

         AngularJS的ng-show指令,当值为true,HTML元素显示;当值为false,HTML元素隐藏


    2、实现源码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>AngularJS之ng-show指令</title>
    		<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    	</head>
    	<body>
    		<div ng-app="" ng-init="flag=true">
    			<button ng-show="flag">查询</button><br>
    			<input type="checkbox" ng-model="flag" />老鼠<br>
    			<input type="radio" ng-show="!flag" />猫<br>
    			<label>{{flag}}</label>
    		</div>
    	</body>
    </html>
    

    3、实现源码

    (1)勾选复选框

            勾选复选框,按钮显示,单选框隐藏

         

    (2)取消勾选复选框

            取消勾选复选框,按钮隐藏,单选框显示

          

  • 相关阅读:
    SpringMVC处理请求
    SpringMVC的启动
    数据结构
    Collections工具类
    位运算
    web应用
    spring Environment
    servlet及jsp之间的请求转发
    spring AOP
    Spring 事件
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13314011.html
Copyright © 2011-2022 走看看