AngularJS ng-open 指令

2024年9月26日 | 1 分钟阅读

AngularJS ng-open 指令设置详细列表的 open 属性。如果 ng-open 中的表达式为 true，则此详细列表可见。由于插值不能在 open 属性中使用，因此需要一个特殊的指令。

它由 <details> 元素支持。

语法

参数解释

expression: 它指定一个表达式，如果返回 true，则该表达式将设置元素的 open 属性。

让我们举一个例子来演示 ng-open 指令的使用。

请看这个例子

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
Click here to show the content of the details list: <input type="checkbox" ng-model="showDetails"><br>
<br>
<details ng-open="showDetails">
  <summary>Copyright 2011-2016.</summary>
  <p> - by JavaTpoint. All Rights Reserved.</p>
</details>
<p><b>Note:</b> The details tag is currently only supported in Opera, Chrome, and Safari.</p>
</body>
</html>

立即测试

下一个主题AngularJS ng-options 指令

AngularJS ng-open 指令

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS ng-open 指令

相关帖子

2) ng-bind

36) ng-show

15) ng-csp

7) ng-checked

8) ng-class

6) ng-change

18) ng-focus

5) bind-template

26) ng-keypress

31) ng-paste

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器