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

飞鱼(shqlsl) javascript作品集

Dec 16 Javascript

Display SQL Server Login Mode

Jun 21 Javascript

使用新的消息弹出框blackbirdjs

Oct 16 Javascript

js 判断 enter 事件

Feb 12 Javascript

浅说js变量

May 25 Javascript

关于eval 与new Function 到底该选哪个?

Apr 17 Javascript

js输入框邮箱自动提示功能代码实现

Dec 10 Javascript

javascript常用的正则表达式实例

May 15 Javascript

Node.js实现的简易网页抓取功能示例

Dec 05 Javascript

jQuery使用正则验证15/18身份证的方法示例

Apr 27 jQuery

深入理解Vuex 模块化(module)

Sep 26 Javascript

vue实现a标签点击高亮方法

Mar 17 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 归并排序数组交集

2011/05/10 PHP

Laravel实现ORM带条件搜索分页

2019/10/24 PHP

使用TextRange获取输入框中光标的位

2006/10/14 Javascript

js实现的网站首页随机公告随机公告

2007/03/14 Javascript

再谈javascript 动态添加样式规则 W3C校检

2009/12/25 Javascript

缓动函数requestAnimationFrame 更好的实现浏览器经动画

2012/12/07 Javascript

解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题

2013/01/11 Javascript

node.js入门教程迷你书、node.js入门web应用开发完全示例

2014/04/06 Javascript

JavaScript中的数组操作介绍

2014/12/30 Javascript

实例分析浏览器中“JavaScript解析器”的工作原理

2016/12/12 Javascript

JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)

2017/06/09 jQuery

BootStrap Select清除选中的状态恢复默认状态

2017/06/20 Javascript

在一个页面实现两个zTree联动的方法

2017/12/20 Javascript

微信小程序云开发（数据库）详解

2019/05/17 Javascript

js实现html滑动图片拼图验证

2020/06/24 Javascript

vue相同路由跳转强制刷新该路由组件操作

2020/08/05 Javascript

一个简单的python程序实例(通讯录)

2013/11/29 Python

Python中集合类型（set）学习小结

2015/01/28 Python

Python数据结构与算法之图的广度优先与深度优先搜索算法示例

2017/12/14 Python

利用python解决mysql视图导入导出依赖的问题

2017/12/17 Python

python Opencv将图片转为字符画

2021/02/19 Python

详谈python中冒号与逗号的区别

2018/04/18 Python

Python脚本修改阿里云的访问控制列表的方法

2019/03/08 Python

pytorch 自定义参数不更新方式

2020/01/06 Python

python软件都是免费的吗

2020/06/18 Python

使用canvas实现黑客帝国数字雨效果

2020/01/02 HTML / CSS

英国一家专门出售品牌鞋子的网站：Allsole

2016/08/07 全球购物

Python面试题：Python是如何进行内存管理的

2014/08/04 面试题

电信营业员自我评价分享

2014/01/17 职场文书

关于九一八事变的演讲稿2014

2014/09/17 职场文书

四风批评与自我批评发言稿

2014/10/14 职场文书

公司领导班子召开党的群众路线教育实践活动总结大会新闻稿

2014/10/21 职场文书

基层工作经验证明样本

2014/11/16 职场文书

初中生思想道德自我评价

2015/03/09 职场文书

Golang gRPC HTTP协议转换示例

2022/06/16 Golang

CentOS7 minimal 最小化安装网络设置过程

2022/12/24 Servers