angularjs--深复制
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <title>index</title> 7 <link href="{$Think.const.CSSURL}bootstrap.min.css" rel="stylesheet" type="text/css"/> 8 <script src="{$Think.const.JS}jquery.min.js" type="text/javascript"></script> 9 <script src="{$Think.const.JS}bootstrap.min.js" type="text/javascript"></script> 10 <script src="{$Think.const.JS}angular.min.js" type="text/javascript"></script> 11 <link href="{$Think.const.CSSURL}home/index.css" rel="stylesheet" type="text/css"/> 12 </head> 13 <body ng-app="myapp" ng-controller="myctrl"> 14 <div class="container"> 15 <h1 class="page-header">前端技术</h1> 16 17 <form action=""> 18 <div class="form-group"> 19 <label for="">用户名:</label> 20 <input type="text" class="form-control" ng-model="user.username"> 21 </div> 22 <div class="form-group"> 23 <label for="">密码:</label> 24 <input type="text" class="form-control" ng-model="user.password"> 25 </div> 26 <div class="form-group"> 27 <input type="button" class="btn btn-danger btn-lg" value="reset" ng-click="reset()"/> 28 </div> 29 </form> 30 31 <img src="{$Think.const.HOMEIMG}/01.png" /> 32 </div> 33 </body> 34 <script> 35 app = angular.module("myapp",[]); 36 app.controller("myctrl",function($scope,$http){ 37 $scope.master = { 38 "username":"admin", 39 "password":"007" 40 }; 41 42 $scope.reset = function(){ 43 $scope.user = angular.copy($scope.master); //深复制 44 }; 45 $scope.reset(); 46 }); 47 </script> 48 </html>