AngularJS基础 ng-open 指令简单实例

(编辑：jimmy 日期: 2026/3/22 浏览：3 次 )

AngularJS ng-open 指令

AngularJS 实例

通过点击 checkbox 显示或隐藏 <details> 列表:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">

定义和用法


ng-open 指令用于设置 details 列表的 open 属性。


如果 ng-open 的表达式返回 true 则 details 列表是可见的。


语法


<details ng-open="expression">...</details>


<details> 元素支持该指令。


参数值


  
    
      值
      描述
    
    
      expression
      如果表达式为 true 则会设置 details 的 open 属性。
    
  


以上就是对AngularJS ng-open 指令的资料整理，后续继续补充。

上一篇：深入理解JavaScript中Ajax
下一篇：AngularJS基础 ng-non-bindable 指令详细介绍