案例:AngularJS案例     状态:可编辑再运行    进入横版
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<script src="/js/angular.js1.4.6/angular.min.js"></script>
6
</head>
7
<body ng-app="">
8
9
点击这里显示 details 列表: <input type="checkbox" ng-model="showDetails"><br>
10
<br>
11
12
<details ng-open="showDetails">
13
  <summary>一起学习,一起紧随时代的步伐!</summary>
14
  <p> - W3xue教程</p>
15
</details>
16
17
<p><b>注意:</b> 目前只有 Opera, Chrome, 和 Safari 浏览器支持 details 标签。</p>
18
19
</body>
20
</html>
21

 运行结果 
 北美留学生论坛