×
AngularJS 教程AngularJS 简介AngularJS 表达式AngularJS 指令AngularJS 模型AngularJS Scope(作用域)AngularJS 控制器AngularJS 过滤器AngularJS ServiceAngularJS HttpAngularJS SelectAngularJS 表格AngularJS SQLAngularJS HTML DOMAngularJS 事件AngularJS 模块AngularJS 表单AngularJS 输入验证AngularJS APIAngularJS BootstrapAngularJS 包含AngularJS 动画AngularJS 依赖注入AngularJS 路由AngularJS 应用AngularJS 实例AngularJS 参考手册

AngularJS ng-open 指令


AngularJS 参考手册AngularJS 参考手册


AngularJS 实例

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

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

<details ng-open="showDetails">
    <summary>学的不仅是技术,更是梦想!</summary>
    <p> - 外唐教程网</p>
</details>

尝试一下 »

定义和用法

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

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


语法

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

<details> 元素支持该指令。


参数值

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

AngularJS 参考手册AngularJS 参考手册


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)