编程 Javascript

AngularJS基础 ng-show 指令简单示例

Posted in Javascript onAugust 03, 2016

AngularJS ng-show 指令

AngularJS 实例

复选框选中时显示部分内容:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

显示 HTML: <input type="checkbox" ng-model="myVar">

<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

</body>
</html>

定义和用法

ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。

语法

所有的 HTML 元素支持该指令。

参数值

值	描述
expression	如果表达式为 true 则显示指定的 HTML 元素。

以上就是对AngularJS ng-show 指令基础资料的整理，后续继续补充相关资料。

AngularJS基础 ng-show 指令简单示例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery设置元素的readonly和disabled的写法

Sep 22 Javascript

js实现弹窗插件功能实例代码分享

Dec 12 Javascript

jQuery实现可用于博客的动态滑动菜单

Mar 09 Javascript

jquery处理页面弹出层查询数据等待操作实例

Mar 25 Javascript

jQuery实现的产品自动360度旋转展示特效源码分享

Aug 21 Javascript

jQuery页面刷新(局部、全部)问题分析

Jan 09 Javascript

jquery实现全选和全不选功能效果的实现代码【推荐】

May 05 Javascript

js实现一个可以兼容PC端和移动端的div拖动效果实例

Dec 09 Javascript

Vue.js常用指令之循环使用v-for指令教程

Jun 27 Javascript

JS模拟超市简易收银台小程序代码解析

Aug 18 Javascript

Vue-cli-webpack搭建斗鱼直播步骤详解

Nov 17 Javascript

js时间戳与日期格式之间转换详解

Dec 11 Javascript

JavaScript判断数组是否存在key的简单实例

Aug 03 #Javascript

AngularJS基础 ng-selected 指令简单示例

Aug 03 #Javascript

jQuery 判断是否包含在数组中Array[]的方法

Aug 03 #Javascript

JS实现保留n位小数的四舍五入问题示例

Aug 03 #Javascript

AngularJS基础 ng-repeat 指令简单示例

Aug 03 #Javascript

JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例

Aug 03 #Javascript

功能强大的Bootstrap效果展示（二）

Aug 03 #Javascript

You might like

php部分常见问题总结

2008/03/27 PHP

Godaddy空间Zend Optimizer升级方法

2010/05/10 PHP

用PHP书写安全的脚本代码

2012/02/05 PHP

php关闭warning问题的解决方法

2016/05/17 PHP

php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】

2016/11/10 PHP

云网广告中的代码，提示出错，大家找找

2006/11/21 Javascript

Js 回车换行处理的办法及replace方法应用

2013/01/24 Javascript

JQuery判断子iframe何时加载完成解决方案

2013/08/20 Javascript

js实现连续英文字符自动换行兼容ie6 ie7和firefox

2013/09/06 Javascript

用正则表达式替换图片地址img标签

2013/11/22 Javascript

Jquery EasyUI中弹出确认对话框以及加载效果示例代码

2014/02/13 Javascript

仿淘宝TAB切换搜索框搜索切换的相关内容

2014/09/21 Javascript

jquery实现翻动fadeIn显示的方法

2015/03/05 Javascript

使用vue-cli+webpack搭建vue开发环境的方法

2017/12/22 Javascript

关于vuejs中v-if和v-show的区别及v-show不起作用问题

2018/03/26 Javascript

Vue中的混入的使用(vue mixins)

2018/06/01 Javascript

在Vue项目中使用jsencrypt.js对数据进行加密传输的方法

2019/04/17 Javascript

从源码角度来回答keep-alive组件的缓存原理

2021/01/18 Javascript

python切换hosts文件代码示例

2013/12/31 Python

跟老齐学Python之有容乃大的list(2)

2014/09/15 Python

在Django的通用视图中处理Context的方法

2015/07/21 Python

python实现协同过滤推荐算法完整代码示例

2017/12/15 Python

Python Gitlab Api 使用方法

2019/08/28 Python

python加密解密库cryptography使用openSSL生成的密匙加密解密

2020/02/11 Python

Python定时任务框架APScheduler原理及常用代码

2020/10/05 Python

CSS3中使用RGBa来调节透明度的教程

2016/05/09 HTML / CSS

美国第二大团购网站：LivingSocial

2016/07/24 全球购物

代码中finally中的代码会不会执行

2012/02/06 面试题

酒店门卫岗位职责

2013/12/29 职场文书

搞笑获奖感言

2014/01/30 职场文书

商品陈列协议书

2014/09/29 职场文书

公务员年度个人总结

2015/02/12 职场文书

Mac环境Nginx配置和访问本地静态资源的实现

2021/03/31 Servers

微信小程序APP页面的之间的相互传递参数以及自定义组件

2022/04/19 Javascript

Redis Lua脚本实现ip限流示例

2022/07/15 Redis

nginx配置指令之server_name的具体使用

2022/08/14 Servers