AngularJS API之extend擴展對象


angular.extend(dst,src),在我實驗的1.2.16版本上是支持深拷貝的。但是最新的API顯示,這個方法是不支持深拷貝的。
另外,第二個參數src支持多個對象。

第一種使用方式

var user3 = angular.extend(user1,user2);

會把user2的所有屬性都拷貝到user1上,並且把user1復制給user3

第二種使用方式

var user3 = angular.extend({},user1,user2);

這種使用方式,會保留原始對象,把user1與user2進行整合,在復制給user3.

樣例代碼

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script>
</head>
<body ng-app="myApp">
	<div ng-controller="myCtrl">
		{{ user1 }}
		{{ user2 }}
		{{ user3 }}

		{{ user4 }}
		{{ user5 }}
	</div>
	<script type="text/javascript">
	angular.module("myApp",[])
	.controller("myCtrl",function($scope){
		var user1 = {"name":"xingoo"};
		var user2 = {"age":30};

		var user3 = angular.extend(user1,user2);
		// var user3 = angular.extend({},user1,user2);

		$scope.user1 = user1;
		$scope.user2 = user2;
		$scope.user3 = user3;


		var user4 = new Object();
		user4.name = "xingoo";
		user4.age = 30;
		user4.mother = user1;
		
		var user5 = new Object();
		angular.extend(user5,user4);

		$scope.user4 = user4;
		$scope.user5 = user5;
	});
	</script>
</body>
</html>-


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM