demo1.html
2.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<div class="page-head">
<div class="page-title">
<h1>AngularJS Demo测试1</h1>
</div>
</div>
<ul class="page-breadcrumb breadcrumb">
<li><a href="/pages/home.html" data-pjax>首页</a> <i class="fa fa-circle"></i></li>
<li><span class="active">计划调度</span> <i class="fa fa-circle"></i></li>
<li><span class="active">demo</span> <i class="fa fa-circle"></i></li>
<li><span class="active">demo1</span></li>
</ul>
<!-- 这里装载整个AngularJS module -->
<div id="demo1" class="row" ng-app="notesApp">
<!-- 这里装载control控制器 -->
<div class="col-md-12" ng-controller="MainCtrl as mainCtrl">
<div class="portlet light portlet-fit portlet-datatable bordered">
<h1>Hello 控制器</h1>
<button ng-click="mainCtrl.open('first')">打开第一个tab</button>
<button ng-click="mainCtrl.open('second')">打开第二个tab</button>
<div ng-switch on="mainCtrl.tab">
<div ng-switch-when="first">
<div ng-controller="SubCtrl as subCtrl1">
<h3>第一个tab</h3>
<ul>
<li ng-repeat="item in subCtrl1.list">
<span ng-bind="item.label"></span>
</li>
</ul>
<button ng-click="subCtrl1.add()">添加更多的项目</button>
</div>
</div>
<div ng-switch-when="second">
<div ng-controller="SubCtrl as subCtrl2">
<h3>第二个tab</h3>
<ul>
<li ng-repeat="item in subCtrl2.list">
<span ng-bind="item.label"></span>
</li>
</ul>
<button ng-click="subCtrl2.add()">添加更多的项目</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<script src="demo1.js"></script>-->
<script src="demo1.js" inline="true"></script>
<script type="text/javascript">
// 手动初始化
angular.bootstrap(document.getElementById("demo1"), ["notesApp"]);
</script>