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

JQuery通过Ajax提交表单并返回结果

Jul 31 Javascript

JavaScript中使用stopPropagation函数停止事件传播例子

Aug 27 Javascript

jquery获得同源iframe内body下标签的值的方法

Sep 25 Javascript

详解JavaScript编程中正则表达式的使用

Oct 25 Javascript

jQuery EasyUI中DataGird动态生成列的方法

Apr 05 Javascript

Textarea输入字数限制实例(兼容iOS&安卓)

Jul 06 Javascript

JavaScript插件Tab选项卡效果

Nov 14 Javascript

Vue项目组件化工程开发实践方案

Jan 09 Javascript

在 Angular6 中使用 HTTP 请求服务端数据的步骤详解

Aug 06 Javascript

vue实现的网易云音乐在线播放和下载功能案例

Feb 18 Javascript

Nuxt项目支持eslint+pritter+typescript的实现

May 20 Javascript

node.js 基于 STMP 协议和 EWS 协议发送邮件

Feb 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的ajax框架xajax入门与试用介绍

2010/12/19 PHP

php中try catch捕获异常实例详解

2014/11/21 PHP

codeigniter发送邮件并打印调试信息的方法

2015/03/21 PHP

php自动给网址加上链接的方法

2015/06/02 PHP

bindParam和bindValue的区别以及在Yii2中的使用详解

2018/03/12 PHP

PHP实现单例模式建立数据库连接的方法分析

2020/02/11 PHP

通过JS 获取Mouse Position(鼠标坐标)的代码

2009/09/21 Javascript

用JS写的一个TableView控件代码

2010/01/23 Javascript

关于可运行代码无法正常执行的使用说明

2010/05/13 Javascript

使用jQuery的将桌面应用程序引入浏览器

2010/11/19 Javascript

jQuery获取DOM节点实例分析(2种方式)

2015/12/15 Javascript

jQuery自定义数值抽奖活动代码

2016/06/11 Javascript

简单实现的JQuery文本框水印插件

2016/06/14 Javascript

微信小程序开发入门基础教程

2017/04/19 Javascript

vue的事件绑定与方法详解

2017/08/16 Javascript

JS实现静态页面搜索并高亮显示功能完整示例

2017/09/19 Javascript

vue中,在本地缓存中读写数据的方法

2018/09/21 Javascript

基于nodejs的微信JS-SDK简单应用实现

2019/05/21 NodeJs

vue实现折线图可按时间查询

2020/08/21 Javascript

[02:08]DOTA2英雄基础教程马格纳斯

2014/01/17 DOTA

Python socket实现简单聊天室

2018/04/01 Python

python实现括号匹配的思路详解

2018/08/23 Python

基于pycharm导入模块显示不存在的解决方法

2018/10/13 Python

Python Unittest根据不同测试环境跳过用例的方法

2018/12/16 Python

5款Python程序员高频使用开发工具推荐

2019/04/10 Python

python操作日志的封装方法(两种方法)

2019/05/23 Python

Python如何调用JS文件中的函数

2019/08/16 Python

pytorch实现特殊的Module--Sqeuential三种写法

2020/01/15 Python

Python接口自动化测试框架运行原理及流程

2020/11/30 Python

LG西班牙网上商店：Tienda LG Online Es

2019/07/30 全球购物

英国奢侈品牌时尚购物平台：Farfetch（支持中文）

2020/02/18 全球购物

小学生检讨书大全

2014/02/06 职场文书

租赁意向书范本

2014/04/01 职场文书

2015年女工委工作总结

2015/07/27 职场文书

Go使用协程交替打印字符

2021/04/29 Golang

Nginx工作模式及代理配置的使用细节

2022/03/21 Servers