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 参考手册