编程 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中用window.open()打开多个窗口的name问题

Mar 13 Javascript

动态加载jQuery的方法

Jun 16 Javascript

无需 Flash 使用 jQuery 复制文字到剪贴板

Apr 26 Javascript

全面理解闭包机制

Jul 11 Javascript

微信小程序 wxapp内容组件 progress详细介绍

Oct 31 Javascript

老生常谈jquery中detach()和remove()的区别

Mar 02 Javascript

JavaScript生成简单等差数列

Nov 28 Javascript

JS简单获取并修改input文本框内容的方法示例

Apr 08 Javascript

JavaScript设计模式之单例模式原理与用法实例分析

Jul 26 Javascript

vue cli使用融云实现聊天功能的实例代码

Apr 19 Javascript

vue 如何从单页应用改造成多页应用

Oct 23 Javascript

关于javascript中的promise的用法和注意事项(推荐)

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

NOD32 v2.70.32 简体中文封装版提供下载了

2007/02/27 PHP

PHP单例模式详解及实例代码

2016/12/21 PHP

PHP 爬取网页的主要方法

2018/07/13 PHP

简单的无缝滚动程序-仅几行代码

2007/05/08 Javascript

jquery 快速回到页首的方法

2013/12/05 Javascript

js打造数组转json函数

2015/01/14 Javascript

JavaScript基础教程——入门必看篇

2016/05/20 Javascript

Bootstrap使用基础教程详解

2016/09/05 Javascript

详解vue-cli构建项目反向代理配置

2017/09/07 Javascript

微信小程序使用checkbox显示多项选择框功能【附源码下载】

2017/12/11 Javascript

AngularJS集合数据遍历显示的实例

2017/12/27 Javascript

30分钟快速入门掌握ES6/ES2015的核心内容（上）

2018/04/18 Javascript

angular6的table组件开发的实现示例

2018/12/26 Javascript

vue router 组件的高级应用实例代码

2019/04/08 Javascript

Vue拖拽组件列表实现动态页面配置功能

2019/06/17 Javascript

详解vue 2.6 中 slot 的新用法

2019/07/09 Javascript

微信小程序实现点击空白隐藏的方法示例

2019/08/13 Javascript

简单使用webpack打包文件的实现

2019/10/29 Javascript

python opencv实现任意角度的透视变换实例代码

2018/01/12 Python

Python 3 判断2个字典相同

2019/08/06 Python

python 用 xlwings 库生成图表的操作方法

2019/12/22 Python

Pytorch evaluation每次运行结果不同的解决

2020/01/02 Python

详解Django3中直接添加Websockets方式

2020/02/12 Python

python 利用zmail库发送邮件

2020/09/11 Python

西班牙香水和化妆品购物网站：Arenal Perfumerías

2019/03/01 全球购物

馥绿德雅美国官方网站：Rene Furterer头皮护理专家

2019/05/01 全球购物

护理专业学生职业生涯规划范文

2014/03/11 职场文书

十周年庆典策划方案

2014/06/03 职场文书

公司委托书格式范文

2014/10/09 职场文书

干部年终考核评语

2015/01/04 职场文书

毕业实习计划书

2015/01/16 职场文书

乡镇团委工作总结2015

2015/05/26 职场文书

2015年秋季小学开学标语

2015/07/16 职场文书

详解CocosCreator项目结构机制

2021/04/14 Javascript

Python爬取某拍短视频

2021/06/11 Python

Golang 并发编程 SingleFlight模式

2022/04/26 Golang