编程 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学习3：操作元素属性和特性

Feb 07 Javascript

读jQuery之六缓存数据功能介绍

Jun 21 Javascript

这段js代码得节约你多少时间

Dec 20 Javascript

js 判断上传文件大小及格式代码

Nov 13 Javascript

JavaScript对表格或元素按文本，数字或日期排序的方法

May 26 Javascript

js判断日期时间有效性的方法

Oct 24 Javascript

JS实现的表格行鼠标点击高亮效果代码

Nov 27 Javascript

react脚手架如何配置less和ant按需加载的方法步骤

Nov 28 Javascript

vue路由--网站导航功能详解

Mar 29 Javascript

详解VUE调用本地json的使用方法

May 15 Javascript

利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序

Jun 07 Javascript

react-intl实现React国际化多语言的方法

Sep 27 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

让CodeIgniter数据库缓存自动过期的处理的方法

2014/06/12 PHP

PHP针对常规模板引擎中与CSS/JSON冲突的解决方法

2014/08/19 PHP

php上传文件问题汇总

2015/01/30 PHP

PHP使用ffmpeg给视频增加字幕显示的方法

2015/03/12 PHP

PHP如何解决微信文章图片防盗链

2020/12/09 PHP

创建一个复制UBB软件信息的链接或按钮的js代码

2008/01/06 Javascript

HTML代码中标签的全部属性中文注释说明

2009/03/26 Javascript

JavaScript 编写匿名函数的几种方法

2010/02/21 Javascript

JavaScript和ActionScript的交互实现代码

2010/08/01 Javascript

JS获取页面窗口大小的代码解读

2011/12/01 Javascript

Prototype源码浅析 Number部分

2012/01/16 Javascript

使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)

2014/05/06 Javascript

javascript实现ecshop搜索框键盘上下键切换控制

2015/03/18 Javascript

jQuery对html元素的取值与赋值实例详解

2015/12/18 Javascript

gulp-htmlmin压缩html的gulp插件实例代码

2016/06/06 Javascript

在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法

2016/08/05 Javascript

jQuery过滤选择器用法示例

2016/09/12 Javascript

jQuery的ready方法实现原理分析

2016/10/26 Javascript

angular 基于ng-messages的表单验证实例

2017/05/04 Javascript

JS实现新建文件夹功能

2017/06/17 Javascript

在JavaScript中使用严格模式(Strict Mode)

2019/06/13 Javascript

在Django的session中使用User对象的方法

2015/07/23 Python

python字符串反转的四种方法详解

2019/12/02 Python

Python实现使用dir获取类的方法列表

2019/12/24 Python

关于python中导入文件到list的问题

2020/10/31 Python

Jogun Shop中文官网：韩国知名时尚男装网站

2016/10/12 全球购物

健身场所或家用健身设备：Life Fitness

2017/11/01 全球购物

汽车广告策划方案

2014/05/31 职场文书

门店业绩提升方案

2014/06/08 职场文书

工会优秀工作者事迹

2014/08/17 职场文书

新郎新娘答谢词

2015/01/04 职场文书

2015年度销售个人工作总结

2015/03/31 职场文书

会计主管岗位职责

2015/04/02 职场文书

预备党员转正意见

2015/06/01 职场文书

心得体会该怎么写呢?

2019/06/27 职场文书

Linux安装apache服务器的配置过程

2021/11/27 Servers