AngularJS ng-open 指令

AngularJS 教程 · 2019-04-01 22:59:48

AngularJS 实例

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

<input type="checkbox" ng-model="showDetails">

<details ng-open="showDetails">
    <summary>码农网 | 程序员? 码农? Hello, World!</summary>
    <p> - 码农教程</p>
</details>

定义和用法

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

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

语法

<details ng-open="expression">...</details>

<details> 元素支持该指令。

参数值

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

点击查看所有 AngularJS 教程 文章: https://codercto.com/courses/l/36.html

查看所有标签

程序员健康指南

程序员健康指南

Joe Kutner / 陈少芸 / 人民邮电出版社 / 2014-9-20 / 31.60元

本书是为程序员量身制作的健康指南,针对头痛、眼部疲劳、背部疼痛和手腕疼痛等常见的问题,简要介绍了其成因、测试方法,并列出了每天的行动计划,从运动、饮食等方面给出详细指导,帮助程序员在不改变工作方式的情况下轻松拥有健康。 本书适合程序员、长期伏案工作的其他人群以及所有关心健康的人士阅读。一起来看看 《程序员健康指南》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具