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

JS支持带x身份证号码验证函数

Aug 10 Javascript

非常强大的 jQuery.AsyncBox 弹出对话框插件

Aug 29 Javascript

js 编码转换 gb2312 和 utf8 互转的2种方法

Aug 07 Javascript

JavaScript解析URL参数示例代码

Aug 12 Javascript

js获取光标位置和设置文本框光标位置示例代码

Jan 09 Javascript

8个实用的jQuery技巧

Mar 04 Javascript

JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

Dec 27 Javascript

Bootstrap列表组学习使用

Feb 09 Javascript

Vue-Router的使用方法

Sep 05 Javascript

基于vue2的canvas时钟倒计时组件步骤解析

Nov 05 Javascript

js实现自定义右键菜单

May 18 Javascript

vue实现点击按钮“查看详情”弹窗展示详情列表操作

Sep 09 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

You might like

自动生成文章摘要的代码[PHP 版本]

2007/03/20 PHP

php Imagick获取图片RGB颜色值

2014/07/28 PHP

PHP图片处理之使用imagecopyresampled函数裁剪图片例子

2014/11/19 PHP

php中call_user_func函数使用注意事项

2014/11/21 PHP

javascript css float属性的特殊写法

2008/11/13 Javascript

Tab页界面，用jQuery及Ajax技术实现

2009/09/21 Javascript

详解强大的jQuery选择器之基本选择器、层次选择器

2012/02/07 Javascript

文本框倒叙输入让输入框的焦点始终在最开始的位置

2014/09/01 Javascript

基于jQuery实现的向下滑动二级菜单效果代码

2015/08/31 Javascript

jquery实现表格中点击相应行变色功能效果【实例代码】

2016/05/09 Javascript

js省市县三级联动效果实例

2020/04/15 Javascript

详解JavaScript中js对象与JSON格式字符串的相互转换

2017/02/14 Javascript

js实现显示手机号码效果

2017/03/09 Javascript

jquery点击回车键实现登录效果并默认焦点的方法

2018/03/09 jQuery

JavaScript面试技巧之数组的一些不low操作

2019/03/22 Javascript

angular 实现同步验证器跨字段验证的方法

2019/04/11 Javascript

Vue CL3 配置路径别名详解

2019/05/30 Javascript

vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】

2020/03/06 Javascript

基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能

2021/02/23 Vue.js

[03:11]不朽宝藏三外观展示

2020/09/18 DOTA

Python原始字符串(raw strings)用法实例

2014/10/13 Python

python中requests库session对象的妙用详解

2017/10/30 Python

Django项目开发中cookies和session的常用操作分析

2018/07/03 Python

pytorch 输出中间层特征的实例

2019/08/17 Python

Python爬取知乎图片代码实现解析

2019/09/17 Python

如何分离django中的媒体、静态文件和网页

2019/11/12 Python

Python numpy大矩阵运算内存不足如何解决

2020/11/19 Python

沙特阿拉伯排名第一的在线时尚购物应用程序：1Zillion

2020/08/08 全球购物

Java基础知识面试题

2014/03/25 面试题

酒店前台接待岗位职责

2013/12/03 职场文书

自我评价是什么

2014/01/04 职场文书

满月酒答谢词

2014/01/14 职场文书

本科生导师推荐信范文

2014/05/18 职场文书

公司活动总结范文

2014/07/01 职场文书

校园安全广播稿范文

2014/09/25 职场文书

搞笑老公保证书

2015/02/26 职场文书