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

JavaScript的面向对象方法以及差别

Mar 31 Javascript

js 操作符实例代码

Oct 24 Javascript

jQuery生成asp.net服务器控件的代码

Feb 04 Javascript

JS 遮照层实现代码

Mar 31 Javascript

js汉字排序问题支持中英文混排，兼容各浏览器，包括CHROME

Dec 20 Javascript

jQuery的图片轮播插件PgwSlideshow使用详解

Aug 11 Javascript

在js代码拼接dom对象到页面上去的模板总结(必看)

Feb 14 Javascript

使用vue实现各类弹出框组件

Jul 03 Javascript

JS多个异步请求按顺序执行next实现解析

Sep 16 Javascript

卸载vue2.0并升级vue_cli3.0的实例讲解

Feb 16 Javascript

mpvue实现微信小程序快递单号查询代码

Apr 03 Javascript

react antd实现动态增减表单

Jun 03 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

几种显示数据的方法的比较

2006/10/09 PHP

PHP实现多进程并行操作的详解(可做守护进程)

2013/06/18 PHP

php+Mysqli利用事务处理转账问题实例

2015/02/11 PHP

微信支付的开发流程详解

2016/09/13 PHP

浅谈PHP中关于foreach使用引用变量的坑

2016/11/14 PHP

动态表单验证的操作方法和TP框架里面的ajax表单验证

2017/07/19 PHP

在Laravel中使用DataTables插件的方法

2018/05/29 PHP

基于jQuery的Spin Button自定义文本框数值自增或自减

2010/07/17 Javascript

javascript的函数、创建对象、封装、属性和方法、继承

2011/03/10 Javascript

网页中可关闭的漂浮窗口实现可自行调节

2013/08/20 Javascript

jquery操作checkbox实现全选和取消全选

2014/05/02 Javascript

简介JavaScript中search()方法的使用

2015/06/06 Javascript

BootStrap中的table实现数据填充与分页应用小结

2016/05/26 Javascript

ECMAScript6轮播图实践知识总结

2016/08/17 Javascript

switch语句的妙用(必看篇)

2016/10/03 Javascript

javascript编写简易计算器

2017/05/06 Javascript

vue.js移动端tab组件的封装实践实例

2017/06/30 Javascript

如何快速解决JS或Jquery ajax异步跨域的问题

2018/01/08 jQuery

JS复杂判断的更优雅写法代码详解

2018/11/07 Javascript

vue App.vue中的公共组件改变值触发其他组件或.vue页面监听

2019/05/31 Javascript

深入浅析vue中cross-env的使用

2019/09/12 Javascript

python pandas 组内排序、单组排序、标号的实例

2018/04/12 Python

django中的数据库迁移的实现

2020/03/16 Python

如何基于Python爬取隐秘的角落评论

2020/07/02 Python

python上selenium的弹框操作实现

2020/07/13 Python

Html5无刷新修改browser Url的方法

2014/01/15 HTML / CSS

使用canvas绘制贝塞尔曲线

2014/12/17 HTML / CSS

LivingSocial爱尔兰：爱尔兰本地优惠

2018/08/10 全球购物

蔻驰意大利官网：COACH意大利

2019/01/16 全球购物

党员岗位承诺书

2014/03/25 职场文书

校长竞聘演讲稿

2014/05/16 职场文书

派出所所长先进事迹

2014/05/19 职场文书

小学六一儿童节活动方案

2014/08/27 职场文书

逃课检讨书

2015/01/26 职场文书

Centos环境下Postgresql 安装配置及环境变量配置技巧

2021/05/18 PostgreSQL

使用Python开发冰球小游戏

2022/04/30 Python