• angularJSapi学习-angular.copy使用


    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的内容复制给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>
  • 相关阅读:
    南大《软件分析》课程笔记——Intermediate Representation
    leetcode刷题
    shiro550反序列化分析
    南大《软件分析》课程笔记——第一课
    再见2020
    S2-002漏洞分析
    编码&解码工具
    正码、反码和补码
    Java数据结构(二)
    Java数据集合
  • 原文地址:https://www.cnblogs.com/luckyflower/p/4071081.html
Copyright © 2020-2023  润新知