首页 > 代码库 > angularJSapi学习-angular.copy使用

angularJSapi学习-angular.copy使用

2024-07-30 21:49:38   220人阅读

angular.copy使用

效果：

初始状态：

输入信息后未保存状态：

点击save后状态：

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

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

 

具体代码：

 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()" >reset</button>16 <button ng-click="save(user)">save</button>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的内容复制给master26    };27    $scope.reset=function(){28      angular.copy($scope.master,$scope.user);//将master内容复制给user29    };30    $scope.reset();31 });32 </script>33 34 </body>35 </html>

 

angularJSapi学习-angular.copy使用


联系
我们