AngularJS Extend Function

Sometimes you may require to create copy of one or more source objects into the destination object (also called shallow copy). AngularJS extend function does the same thing. This function takes destination object and one or more source object that you want to copy into destination object var obj = angular.extend({}, obj1, obj2).

NOTE: angular.copy() is slower than angular.extend()

Syntax

var obj = angular.extend({}, obj1, obj2,...);

AngularJS Extend Function Example

<!DOCTYPE html>
<html ng-app="">  
<head>  <!-- www.techstrikers.com -->
<title>My first AngularJS code</title>  
<script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">  
</script>  
  
</head>  
<body bgcolor="#bnde45">
<fieldset>
<legend>AngularJS Extend Function</legend>
<script>  

var sourceObj1 = {'name' : 'Jimi'} ; 
var sourceObj2 = {'address' : '12-13/A12','zip': '21333'}  ;
  var myDest = {}  ;
  angular.extend(myDest, sourceObj1,sourceObj2) ; 

document.write(myDest.name);  
document.write("</br>");
document.write(myDest.address);
document.write("</br>");
document.write(myDest.zip); 
  
</script>
</fieldset>
</body>  
</html>

See Live Example

« Previous

AngularJS Code Examples

AngularJS Live Demo

ASP.NET Code Examples

Javascript Code Examples

Interview Q & A

Google MAP API Live Demo

Google MAP API Code Examples

Utility Tools

Articles

Angularjs Tutorials

Angularjs References

Angularjs Examples

AngularJS Extend Function

AngularJS Extend Function Example

Recent Articles