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

Juqery Html(),append()等方法的Bug解决方法

Dec 13 Javascript

浅析Node在构建超媒体API中的作用

Jul 30 Javascript

网页中表单按回车就自动提交的问题的解决方案

Nov 03 Javascript

使用 js+正则表达式为关键词添加链接

Nov 11 Javascript

JavaScript实现为指定对象添加多个事件处理程序的方法

Apr 17 Javascript

jQuery插件formValidator实现表单验证

May 23 Javascript

javaScript知识点总结(必看篇)

Jun 10 Javascript

js实现select选择框效果及美化

Aug 19 Javascript

AngularJs expression详解及简单示例

Sep 01 Javascript

js实现可旋转的立方体模型

Oct 16 Javascript

JavaScript使用delete删除数组元素用法示例【数组长度不变】

Jan 17 Javascript

php中and 和 &&出坑指南

Jul 13 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创建多级目录代码

2008/06/05 PHP

使用PHP提取视频网站页面中的FLASH地址的代码

2010/04/17 PHP

php实现文件下载简单示例(代码实现文件下载)

2014/03/10 PHP

PHP实现的自定义图像居中裁剪函数示例【测试可用】

2017/08/11 PHP

PHP 实现 WebSocket 协议原理与应用详解

2020/04/22 PHP

Sample script that deletes a SQL Server database

2007/06/16 Javascript

JQury slideToggle闪烁问题及解决办法

2011/07/05 Javascript

JS可以控制样式的名称写法一览

2014/01/16 Javascript

js对象转json数组的简单实现案例

2014/02/28 Javascript

JavaScript实现按Ctrl键打开新页面

2014/09/04 Javascript

jQuery+CSS实现的网页二级下滑菜单效果

2015/08/25 Javascript

基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载

2016/01/06 Javascript

字符串反转_JavaScript

2016/04/28 Javascript

基于jQuery实现的打字机效果

2017/01/16 Javascript

使用JS 插件qrcode.js生成二维码功能

2017/02/20 Javascript

JavaScript中正则表达式使数字、中文或指定字符高亮显示

2017/10/31 Javascript

详解vue使用vue-layer-mobile组件实现toast，loading效果

2018/08/31 Javascript

Vue基本使用之对象提供的属性功能

2019/04/30 Javascript

nodejs语言实现验证码生成功能的示例代码

2019/10/13 NodeJs

Python多维/嵌套字典数据无限遍历的实现

2016/11/04 Python

python os.listdir按文件存取时间顺序列出目录的实例

2018/10/21 Python

python random从集合中随机选择元素的方法

2019/01/23 Python

Python学习笔记之列表推导式实例分析

2019/08/13 Python

Pytho爬虫中Requests设置请求头Headers的方法

2020/09/22 Python

如何Tkinter模块编写Python图形界面

2020/10/14 Python

基于Django快速集成Echarts代码示例

2020/12/01 Python

浅谈html5与APP混合开发遇到的问题总结

2018/03/20 HTML / CSS

Mountain Hardwear官网：攀岩服装和户外装备

2019/09/26 全球购物

个人求职信范例

2014/01/29 职场文书

销售口号大全

2014/06/11 职场文书

2014基建处领导班子“四风”对照检查材料思想汇报

2014/10/04 职场文书

关于元旦的广播稿2016

2015/12/17 职场文书

有关保护环境的宣传标语100条

2019/08/07 职场文书

详解Mysql 函数调用优化

2021/04/07 MySQL

Python实现排序方法常见的四种

2021/07/15 Python

一文了解MySQL二级索引的查询过程

2022/02/24 MySQL