1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
     <head>
          <meta charset="utf-8" />
          <title>Angular Test #3</title>
          <script src="lib/angular.min.js"></script>
          <script src="controllers/test-angular-3.js"></script>
     </head>
     <body>

<div ng-app="myApp" ng-controller="recordViewer">
 
<p>Input something in the input box:</p>
<p>Name: <input type="text" ng-model="name"></p>
<label for="fullName">A Name:</label>
<input id="fullName" ng-model="currentRecord.first" />

<span ng-bind="name"></span> met {{currentRecord.first + " " + currentRecord.last}} for a meeting.
<br />
<button ng-click="nextRecord()">Next &gt;</button>&nbsp;<small>Current Index:</small>&nbsp;<span ng-bind="recordIndex"></span>
</div>

     </body>
</html>