Angularjs Foreach

Angularjs Foreach(angularjs.foreach)- angularjs.foreach is used to iterate object collection items which can be an object or an array. Here in this tutorial we are going to explain how you can use foreach loop in AngularJs. You can use our online demo try and edit the code online.

Angularjs Foreach Array | Objects | Example

Syntax

Syntax for angular.foreach function is –

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

Agruments

• obj – Object or array to iterate.
• iterator – Iterator function.
• context(optional) – Object to become context.

Return

This will retrun Reference to object or array.

Angularjs Foreach Array Example

Let us create a simple example for Foreach Array loop –

 
 

  
<div ng-app="myApp">  
<div ng-controller="myController">  
    Result = {{html}}
	<br/>
    <button ng-click="foreachExample()">foreach Example</button>
	<br/>
	
</div> 
</div>
  

Angularjs Foreach Object | JSON Example

Let us create a simple example for Foreach object loop –

 
 

  
<div ng-app="myApp">  
<div ng-controller="myController">  
    Result = {{html}}
	<br/>
    <button ng-click="foreachExample()">foreach Example</button>
	<br/>
	
</div> 
</div>
  

If you run the above example it will produce the output something like this –