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

在UpdatePanel内jquery easyui效果失效的解决方法

Apr 11 Javascript

Tab页界面用jQuery及Ajax技术实现(php后台)

Oct 12 Javascript

javascript 得到文件后缀名的思路及实现

May 09 Javascript

javascript中字符串的定义示例代码

Dec 19 Javascript

JS实现将人民币金额转换为大写的示例代码

Feb 13 Javascript

jquery实现侧边弹出的垂直导航

Dec 09 Javascript

JS+CSS实现精美的二级导航效果代码

Sep 17 Javascript

node.js实现爬虫教程

Aug 25 Javascript

js实现楼层效果的简单实例

Jul 15 Javascript

微信小程序实现收藏与取消收藏切换图片功能

Aug 03 Javascript

微信小程序实现工作时间段选择

Feb 15 Javascript

基于mpvue的简单弹窗组件mptoast使用详解

Aug 02 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写入WRITE编码为UTF8的文件的实现代码

2008/07/07 PHP

PHP 裁剪图片成固定大小代码方法

2009/09/09 PHP

PHP文件打开、关闭、写入的判断与执行代码

2011/05/24 PHP

Yii查询生成器(Query Builder)用法实例教程

2014/09/04 PHP

PHP多维数组遍历方法(2种实现方法)

2015/12/10 PHP

Yii2 rbac权限控制操作步骤实例教程

2016/04/29 PHP

PHP与SQL语句常用大全

2016/12/10 PHP

PHP dirname(__FILE__)原理及用法解析

2020/10/28 PHP

密码强度检测效果实现原理与代码

2013/01/04 Javascript

JavaScript常用全局属性与方法记录积累

2013/07/03 Javascript

JS实现兼容性较好的随屏滚动效果

2015/11/09 Javascript

AngularJS之依赖注入模拟实现

2016/08/19 Javascript

使用jquery.qrcode.js生成二维码插件

2016/10/17 Javascript

JS实现的简单轮播图运动效果示例

2016/12/22 Javascript

详解微信小程序 wx.uploadFile 的编码坑

2017/01/23 Javascript

利用js的闭包原理做对象封装及调用方法

2017/04/07 Javascript

基于vue2.0实现的级联选择器

2017/06/09 Javascript

利用ES6的Promise.all实现至少请求多长时间的实例

2017/08/28 Javascript

使用vue2实现购物车和地址选配功能

2018/03/29 Javascript

JavaScript this在函数中的指向及实例详解

2019/10/14 Javascript

node.js 微信开发之定时获取access_token

2020/02/07 Javascript

[02:47]3.19DOTA2发布会国服成长历程回顾

2014/03/25 DOTA

使用Python编写简单的端口扫描器的实例分享

2015/12/18 Python

python调用fortran模块

2016/04/08 Python

Python_LDA实现方法详解

2017/10/25 Python

python实现微信远程控制电脑

2018/02/22 Python

使用Python微信库itchat获得好友和群组已撤回的消息

2018/06/24 Python

Python HTML解析模块HTMLParser用法分析【爬虫工具】

2019/04/05 Python

python实现抖音点赞功能

2019/04/07 Python

python+opencv实现车道线检测

2021/02/19 Python

如何定义一个可复用的服务

2014/09/30 面试题

高二化学教学反思

2014/01/30 职场文书

国际贸易本科毕业生求职信

2014/09/26 职场文书

五年级学生期末评语

2014/12/26 职场文书

SQL基础的查询语句

2021/11/11 MySQL

详解MySQL的内连接和外连接

2023/05/08 MySQL