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

JS 密码强度验证(兼容IE,火狐,谷歌)

Mar 15 Javascript

jquery 关键字“拖曳搜索”之“拖曳”以及图片“提示自适应放大”效果的实现

Apr 18 Javascript

js 上下左右键控制焦点(示例代码)

Dec 14 Javascript

深入理解JavaScript编程中的同步与异步机制

Jun 24 Javascript

jQuery幻灯片带缩略图轮播效果代码分享

Aug 17 Javascript

如何防止JavaScript自动插入分号

Nov 05 Javascript

jQuery与JS加载事件用法分析

Sep 04 Javascript

详解jQuery的Cookie插件

Nov 23 Javascript

浅述节点的创建及常见功能的实现

Dec 15 Javascript

Node中使用ES6语法的基础教程

Jan 05 Javascript

Vue中使用vux配置代码详解

Sep 16 Javascript

详解如何理解vue的key属性

Apr 14 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 魔术常量详解及实例代码

2016/12/04 PHP

PHP实现的统计数据功能详解

2016/12/06 PHP

Thinkphp5.0框架视图view的循环标签用法示例

2019/10/12 PHP

jQuery的Ajax时无响应数据的解决方法

2010/05/25 Javascript

Js切换功能的简单方法

2010/11/23 Javascript

js常用代码段整理

2011/11/30 Javascript

JavaScript作用域与作用域链深入解析

2013/12/06 Javascript

js中substring和substr的定义和用法

2014/05/05 Javascript

js上传图片及预览功能实例分析

2015/04/24 Javascript

arguments对象验证函数的参数是否合法

2015/06/26 Javascript

NodeJS学习笔记之Module的简介

2017/03/24 NodeJs

微信小程序实战之自定义模态弹窗（8）

2017/04/18 Javascript

阿里大于短信验证码node koa2的实现代码(最新)

2017/09/07 Javascript

JS实现的JSON数组去重算法示例

2018/04/11 Javascript

Chart.js 轻量级HTML5图表绘制工具库（知识整理）

2018/05/22 Javascript

用node开发并发布一个cli工具的方法步骤

2019/01/03 Javascript

浅谈Javascript常用正则表达式应用

2019/03/08 Javascript

微信小程序进入广告实现代码实例

2019/09/19 Javascript

在vue中动态添加class类进行显示隐藏实例

2019/11/09 Javascript

[02:07]DOTA2新英雄展现中国元素，完美“圣典”亮相央视

2016/12/19 DOTA

Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法

2017/01/12 Python

Python进阶_关于命名空间与作用域(详解)

2017/05/29 Python

Python使用requests提交HTTP表单的方法

2018/12/26 Python

对Pycharm创建py文件时自定义头部模板的方法详解

2019/02/12 Python

Python 中 -m 的典型用法、原理解析与发展演变

2019/11/11 Python

keras 自定义loss损失函数,sample在loss上的加权和metric详解

2020/05/23 Python

python em算法的实现

2020/10/03 Python

英国在线泳装店：Simply Swim

2019/05/05 全球购物

泰国健康和美容服务预订网站：GoWabi

2019/06/03 全球购物

C#中有没有运算符重载？能否使用指针？

2014/05/05 面试题

Linux管理员面试题 Linux admin interview questions

2016/07/08 面试题

安全生产工作汇报材料

2014/10/28 职场文书

财务人员入职担保书

2015/09/22 职场文书

SpringBoot SpringEL表达式的使用

2021/07/25 Java/Android

opencv用VS2013调试时用Image Watch插件查看图片

2021/07/26 Python

解析探秘fescar分布式事务实现原理

2022/02/28 Java/Android