angularJSapi学习-angular.copy使用

2020-12-13 15:06

阅读:305

标签:style   blog   http   io   color   ar   使用   for   sp   

angular.copy使用

效果:

初始状态:

soscw.com,搜素材

输入信息后未保存状态:

soscw.com,搜素材

点击save后状态:

soscw.com,搜素材

当输入框内容和master内容不一致时:

soscw.com,搜素材

点击reset使得user的信息被重置为master中信息:

soscw.com,搜素材

 

具体代码:

 1 DOCTYPE HTML>
 2 html ng-app="app">
 3 head>script src="./angular.min.js">script>head>
 4 body>
 5 div ng-controller="exampleController">
 6 form>
 7 name:input type="text" ng-model="user.name" />
 8 br/>
 9 email:input type="email" ng-model="user.email"/>
10 br/>
11 gender:
12 input type="radio" ng-model="user.gender" value="male"/>
13 input type="radio" ng-model="user.gender" value="female"/>
14 form>
15 button ng-click="reset()" >resetbutton>
16 button ng-click="save(user)">savebutton>
17 p>user={{user}}p>
18 p>master={{master}}p>
19 div>
20 script>
21 var app=angular.module(app,[]);
22 app.controller(exampleController,function($scope){
23    $scope.master={};
24    $scope.save = function(user){
25       $scope.master=angular.copy(user);//将user的内容复制给master
26    };
27    $scope.reset=function(){
28      angular.copy($scope.master,$scope.user);//将master内容复制给user
29    };
30    $scope.reset();
31 });
32 script>
33 
34 body>
35 html>

 

angularJSapi学习-angular.copy使用

标签:style   blog   http   io   color   ar   使用   for   sp   

原文地址:http://www.cnblogs.com/luckyflower/p/4071081.html


评论


亲,登录后才可以留言!