案例: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>
8
9
<div ng-app="myApp" ng-controller="formCtrl">
10
  <form novalidate>
11
    First Name:<br>
12
    <input type="text" ng-model="user.firstName"><br>
13
    Last Name:<br>
14
    <input type="text" ng-model="user.lastName">
15
    <br><br>
16
    <button ng-click="reset()">RESET</button>
17
  </form>
18
  <p>form = {{user }}</p>
19
  <p>master = {{master}}</p>
20
</div>
21
22
<script>
23
var app = angular.module('myApp', []);
24
app.controller('formCtrl', function($scope) {
25
    $scope.master = {firstName:"John", lastName:"Doe"};
26
    $scope.reset = function() {
27
        $scope.user = angular.copy($scope.master);
28
    };
29
    $scope.reset();
30
});
31
</script>
32
33
</body>
34
</html>
35