编程 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 相关文章推荐

个人总结的一些关于String、Function、Array的属性和用法

Jan 10 Javascript

JAVASCRIPT HashTable

Jan 22 Javascript

js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)

Jan 30 Javascript

给artDialog 5.02 增加ajax get功能详细介绍

Nov 13 Javascript

js控制不同的时间段显示不同的css样式的实例代码

Nov 04 Javascript

raphael.js绘制中国地图地图绘制方法

Feb 12 Javascript

Jquery异步提交表单代码分享

Mar 26 Javascript

基于bootstrap实现广告轮播带图片和文字效果

Jul 22 Javascript

尝试自己动手用react来写一个分页组件(小结)

Feb 09 Javascript

vue 微信授权登录解决方案

Apr 10 Javascript

JS原型prototype和__proto__用法实例分析

Mar 14 Javascript

bootstrap-table后端分页功能完整实例

Jun 01 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树的代码,可以嵌套任意层

2006/10/09 PHP

优化WordPress的Google字体以加速国内服务器上的运行

2015/11/24 PHP

Javascript中的数学函数

2007/04/04 Javascript

jquery插件 autoComboBox 下拉框

2010/12/22 Javascript

JQuery Tips相关(1)----关于$.Ready()

2014/08/14 Javascript

javascript强制点击广告的方法

2015/02/06 Javascript

使用AngularJS处理单选框和复选框的简单方法

2015/06/19 Javascript

在jQuery中处理XML数据的大致方法

2015/08/14 Javascript

jQuery树形下拉菜单特效代码分享

2015/08/15 Javascript

移动端H5开发 Turn.js实现很棒的翻书效果

2016/06/20 Javascript

jQuery AJAX timeout 超时问题详解

2016/06/21 Javascript

Js操作DOM元素及获取浏览器高宽的简单方法

2016/09/08 Javascript

js调用屏幕宽度的简单方法

2016/11/14 Javascript

JavaScript利用正则表达式替换字符串中的内容

2016/12/12 Javascript

js手机号4位显示空格，银行卡每4位显示空格效果

2017/03/23 Javascript

nodejs服务搭建教程 nodejs访问本地站点文件

2017/04/07 NodeJs

angularjs实现柱状图动态加载的示例

2017/12/11 Javascript

JavaScript异步加载问题总结

2018/02/17 Javascript

JavaScript实现短暂提示框功能

2018/04/04 Javascript

jsonp跨域获取数据的基础教程

2018/07/01 Javascript

javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】

2019/06/13 Javascript

Vue $emit()不能触发父组件方法的原因及解决

2020/07/28 Javascript

[43:53]OG vs EG 2019国际邀请赛淘汰赛胜者组 BO3 第三场 8.22

2019/09/05 DOTA

用Python编写脚本使IE实现代理上网的教程

2015/04/23 Python

Python3通过Luhn算法快速验证信用卡卡号的方法

2015/05/14 Python

浅谈python jieba分词模块的基本用法

2017/11/09 Python

Python 判断图像是否读取成功的方法

2019/01/26 Python

python实现大文件分割与合并

2019/07/22 Python

Python装饰器使用你可能不知道的几种姿势

2019/10/25 Python

python 实现矩阵按对角线打印

2019/11/29 Python

Python爬虫爬取杭州24时温度并展示操作示例

2020/03/27 Python

idea2020手动安装python插件的实现方法

2020/07/17 Python

python实现控制台输出颜色

2021/03/02 Python

个人作风建设总结

2014/10/23 职场文书

党员活动总结

2015/02/04 职场文书

CentOS7和8下安装Maven3.8.4

2022/04/07 Servers