AngularJS ng-open 指令
实例
通过单击复选框显示/隐藏 <detail> 列表:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app="">单击此处显示详细信息列表的内容: <input type="checkbox" ng-model="showDetails"><br><br><details ng-open="showDetails"><summary>Copyright 1999-2016.</summary><p> - by Refsnes Data. All Rights Reserved.</p></details><p><b>备注:</b> 详细信息标签目前仅在 Opera、Chrome 和 Safari 中受支持。</p></body></html>
定义与用法
ng-open 指令设置详细信息列表的 "open" 属性。
如果 ng-open 属性中的表达式返回 true，则详细信息列表将可见。
语法
<details ng-open="expression"></details>
由 <details> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 如果返回 true，将设置元素的 open 属性的表达式 |