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

IE无法设置短域名下Cookie

Sep 23 Javascript

基于jQuery实现下拉收缩(展开与折叠)特效

Dec 25 Javascript

JavaScript实现的一个倒计时的类

Mar 12 Javascript

js/jquery判断浏览器类型的方法小结

May 12 Javascript

javascript实现日期按月份加减

May 15 Javascript

js实现显示当前状态的导航效果代码

Aug 28 Javascript

详解angularjs利用ui-route异步加载组件

May 21 Javascript

nginx配置React静态页面的方法教程

Nov 03 Javascript

基于layui table返回的值的多级嵌套的解决方法

Sep 19 Javascript

微信小程序清空输入框信息与实现屏幕往上滚动的示例代码

Jun 23 Javascript

javascript实现时钟动画

Dec 03 Javascript

react-native 实现购物车滑动删除效果的示例代码

Jan 15 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

Classes and Objects in PHP5-面向对象编程 [1]

2006/10/09 PHP

让你的网站首页自动选择语言转跳

2006/12/06 PHP

PHP连接SQLServer2005 的问题解决方法

2010/07/19 PHP

PHP 基于文件头的文件类型验证类函数

2012/05/01 PHP

PHP常用开发函数解析之数组篇[未完结]

2012/07/30 PHP

PHP中通过HTTP_USER_AGENT判断是否为手机移动终端的函数代码

2013/02/14 PHP

php后台如何避免用户直接进入方法实例

2013/10/15 PHP

PHP实现的简单网络硬盘

2015/07/29 PHP

[原创]php简单隔行变色功能实现代码

2016/07/09 PHP

thinkPHP数据库增删改查操作方法实例详解

2016/12/06 PHP

js类中的公有变量和私有变量

2008/07/24 Javascript

jQuery控制iFrame(实例代码)

2013/11/19 Javascript

深入学习JavaScript的AngularJS框架中指令的使用方法

2016/03/05 Javascript

学习AngularJs:Directive指令用法（完整版）

2016/04/26 Javascript

针对BootStrap中tabs控件的美化和完善(推荐)

2016/07/06 Javascript

js鼠标经过tab选项卡时实现切换延迟

2017/03/24 Javascript

详解Angular-ui-BootStrap组件的解释以及使用

2018/07/13 Javascript

微信小程序scroll-view实现滚动穿透和阻止滚动的方法

2018/08/20 Javascript

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

2018/09/25 Javascript

[00:43]2016完美“圣”典风云人物：单车宣传片

2016/12/02 DOTA

基于ID3决策树算法的实现(Python版)

2017/05/31 Python

Python MySQL数据库连接池组件pymysqlpool详解

2017/07/07 Python

ORM Django 终端打印 SQL 语句实现解析

2019/08/09 Python

通过selenium抓取某东的TT购买记录并分析趋势过程解析

2019/08/15 Python

pytorch中tensor张量数据类型的转化方式

2019/12/31 Python

Python如何重新加载模块

2020/07/29 Python

Pyinstaller打包Scrapy项目的实现步骤

2020/09/22 Python

python使用smtplib模块发送邮件

2020/12/17 Python

敏捷开发的主要原则都有哪些

2015/04/26 面试题

公司财务工作总结的自我评价

2013/11/23 职场文书

函授毕业自我鉴定

2014/02/04 职场文书

部队党性分析材料

2014/02/16 职场文书

医院护士见习期自我鉴定

2014/04/10 职场文书

幼儿园教研活动总结

2014/04/30 职场文书

详解Python牛顿插值法

2021/05/11 Python

pandas中pd.groupby()的用法详解

2022/06/16 Python