AngularJS ForEach Function

To iterator each items in object or array, AngularJS has very specific function called Foreach. The Foreach function can help you to read each element using key of object or index of array.

Where value is the value of an object property or an array element, key is the object property key or array element index and obj is the obj itself.

Syntax

angular.forEach(obj, iterator, [context]);

AngularJS ForEach 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 Foreach Function</legend>
<script>  
var values = [{name: 'Jimi', gender: 'male'},{name: 'Peter', gender: 'male'},{name: 'Bob', gender: 'male'}];
angular.forEach(values, function(value, key) {
  document.write(value.name);
  document.write("</br>");
});
</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 ForEach Function

AngularJS ForEach Function Example

Recent Articles