AngularJS ng-open
指令
AngularJS 实例
通过点击 checkbox 显示或隐藏 <details> 列表:
<input type="checkbox" ng-model="showDetails">
<details ng-open="showDetails">
<summary>学的不仅是技术,更是梦想!</summary>
<p> - 菜鸟教程</p>
</details>
<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 属性。 |