AngularJS ng-open 指令

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 属性。