编程 Javascript

AngularJS基础 ng-open 指令简单实例

Posted in Javascript onAugust 02, 2016

AngularJS ng-open 指令

AngularJS 实例

通过点击 checkbox 显示或隐藏 <details> 列表:

<!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="">

点击这里显示 details 列表: <input type="checkbox" ng-model="showDetails"><br>
<br>

<details ng-open="showDetails">
 <summary>学的不仅是技术，更是梦想！</summary>
 <p> - 菜鸟教程</p>
</details>

<p><b>注意：</b> 目前只有 Opera, Chrome, 和 Safari 浏览器支持 details 标签。</p>

</body>
</html>

定义和用法

ng-open 指令用于设置 details 列表的 open 属性。

如果 ng-open 的表达式返回 true 则 details 列表是可见的。

语法

<details> 元素支持该指令。

参数值

值	描述
expression	如果表达式为 true 则会设置 details 的 open 属性。

以上就是对AngularJS ng-open 指令的资料整理，后续继续补充。

AngularJS基础 ng-open 指令简单实例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery实现在页面加载的时自动为日期插件添加当前日期

Aug 20 Javascript

jQuery实现渐变弹出层和弹出菜单的方法

Feb 20 Javascript

Javascript通过overflow控制列表闭合与展开的方法

May 15 Javascript

JavaScript的jQuery库中ready方法的学习教程

Aug 14 Javascript

Bootstrap中datetimepicker使用小结

Dec 28 Javascript

jQuery插件zTree实现的多选树效果示例

Mar 08 Javascript

Angular 4依赖注入学习教程之ClassProvider的使用（三）

Jun 04 Javascript

利用Javascript实现一套自定义事件机制

Dec 14 Javascript

Vue表单demo v-model双向绑定问题

Jun 29 Javascript

JS求1到任意数之间的所有质数的方法详解

May 20 Javascript

js判断一个对象是数组（函数）的方法实例

Dec 19 Javascript

vue.js实现简单购物车功能

May 30 Javascript

AngularJS基础 ng-non-bindable 指令详细介绍

Aug 02 #Javascript

实例详解jQuery的无new构建

Aug 02 #Javascript

AngularJS基础 ng-mouseover 指令简单示例

Aug 02 #Javascript

JavaScript比较当前时间是否在指定时间段内的方法

Aug 02 #Javascript

图文详解JavaScript的原型对象及原型链

Aug 02 #Javascript

AngularJS基础 ng-mousemove 指令简单示例

Aug 02 #Javascript

功能强大的Bootstrap使用手册（一）

Aug 02 #Javascript

克隆(1) 代理(2) canvas(2) #{}(1) 增删查改(1) 选择器(1) 脏读(2) 外键(1) SQL注入(2) IC-R9500(1)

You might like

php实现粘贴截图并完成上传功能

2015/05/17 PHP

SAE实时日志接口SDK用法示例

2016/10/09 PHP

PHP实现导出excel数据的类库用法示例

2016/10/15 PHP

javascript下判断一个元素是否存在的代码

2010/03/05 Javascript

jQuery选中select控件无法设置selected的解决方法

2010/09/01 Javascript

用jquery与css打造个性化的单选框和复选框

2010/10/20 Javascript

javascript整除实现代码

2010/11/23 Javascript

JS this作用域以及GET传输值过长的问题解决方法

2013/08/06 Javascript

javascript jq 弹出层实例

2013/08/25 Javascript

javascript代码运行不出来执行错误的可能情况整理

2013/10/18 Javascript

二叉树的非递归后序遍历算法实例详解

2014/02/07 Javascript

jQuery学习心得总结(必看篇)

2016/06/10 Javascript

浅谈jquery上下滑动的注意事项

2016/10/13 Javascript

JS实现iframe自适应高度的方法示例

2017/01/07 Javascript

Windows下Node.js安装及环境配置方法

2017/09/18 Javascript

详解一个基于react+webpack的多页面应用配置

2019/01/21 Javascript

JS原型与继承操作示例

2019/05/09 Javascript

vue中封装axios并实现api接口的统一管理

2020/12/25 Vue.js

编写自定义的Django模板加载器的简单示例

2015/07/21 Python

python机器学习之贝叶斯分类

2018/03/26 Python

Python基于辗转相除法求解最大公约数的方法示例

2018/04/04 Python

PyCharm代码格式调整方法

2018/05/23 Python

python检测文件夹变化,并拷贝有更新的文件到对应目录的方法

2018/10/17 Python

Python 列表去重去除空字符的例子

2019/07/20 Python

pandas如何处理缺失值

2019/07/31 Python

tensorflow对图像进行拼接的例子

2020/02/05 Python

关于Python解包知识点总结

2020/05/05 Python

Django如何批量创建Model

2020/09/01 Python

Python判断变量是否是None写法代码实例

2020/10/09 Python

法律专业推荐信范文

2013/11/29 职场文书

感恩节红领巾广播稿

2014/02/11 职场文书

护理人员的自我评价分享

2014/03/15 职场文书

防汛工作情况汇报

2014/10/28 职场文书

2014年保密工作总结

2014/11/22 职场文书

小学运动会入场口号

2015/12/24 职场文书

十大最强火系宝可梦，喷火龙上榜，第一名有双火属性

2022/03/18 日漫