Simon Hunt | c022775 | 2014-12-11 16:46:57 -0800 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html ng-app="notesApp"> |
| 3 | <head> |
| 4 | <title>Notes App</title> |
| 5 | <script src="../../tp/angular.js"></script> |
| 6 | <script src="ch05-01-need-for-service-app.js"></script> |
| 7 | </head> |
| 8 | <body ng-controller="MainCtrl as mainCtrl"> |
| 9 | |
| 10 | <h1> Hello Controllers! </h1> |
| 11 | <button ng-click="mainCtrl.open('first')">Open First</button> |
| 12 | <button ng-click="mainCtrl.open('second')">Open Second</button> |
| 13 | |
| 14 | <div ng-switch on="mainCtrl.tab"> |
| 15 | |
| 16 | <div ng-switch-when="first"> |
| 17 | <div ng-controller="SubCtrl as ctrl"> |
| 18 | <h3>First Tab</h3> |
| 19 | <button ng-click="ctrl.add()">Add more items</button> |
| 20 | <ul> |
| 21 | <li ng-repeat="item in ctrl.list"> |
| 22 | <span ng-bind="item.label"></span> |
| 23 | </li> |
| 24 | </ul> |
| 25 | </div> |
| 26 | </div> |
| 27 | |
| 28 | <div ng-switch-when="second"> |
| 29 | <div ng-controller="SubCtrl as ctrl"> |
| 30 | <h3>Second Tab</h3> |
| 31 | <button ng-click="ctrl.add()">Add more items</button> |
| 32 | <ul> |
| 33 | <li ng-repeat="item in ctrl.list"> |
| 34 | <span ng-bind="item.label"></span> |
| 35 | </li> |
| 36 | </ul> |
| 37 | </div> |
| 38 | </div> |
| 39 | </div> |
| 40 | </body> |
| 41 | </html> |