angularjs--深复制

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>
posted @ 2017-02-03 16:54  yuge790615  阅读(115)  评论(0)  编辑  收藏  举报