您的位置：首页 > 运维架构

angular.copy方法

2015-08-11 21:29 671 查看

AngularJs的copy方法可以复制一个对象或数组。

下面的示例实现：复制一个对象，把原值与克隆的值显示出来，再修改原值，克隆的值不变。

<!DOCTYPE html>
<html ng-app="copyApp">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/angular.js"></script>
<script>
var copyApp = angular.module("copyApp", [])
.controller("copyController", function($scope)
{
$scope.dup = {};
$scope.user =
{
name:"",
password:"",
friends:["zhangSan", "liSi"]
}

$scope.save = function(aUser)
{
angular.copy(aUser, $scope.dup);
}

$scope.modify = function(aUser)
{
aUser.name += "_newly";
aUser.friends.push("wangWu");
}
});
</script>
</head>
<body>

<div ng-controller="copyController">
<form>
username:<input type="text" ng-model="user.name"/>
password:<input type="text" ng-model="user.password"/>
</form>
<button ng-click="save(user)">保存</button>
<button ng-click="modify(user)">修改</button>

<hr/>

原值：<pre>{{user}}</pre>
副本：<pre>{{dup}}</pre>

</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： angular.copy AngularJs

相关文章推荐

新的分享

章节导航