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 属性。 |
其他扩展