Articles → ANGULAR.JS → Ng-Repeat In Angular.JS

Ng-Repeat In Angular.JS

In this article, I will explain about ng-repeat directive in angular.js. Ng-repeat directive is for looping through the elements in an array.

Syntax

<html_element ng-repeat=”object_name in array”> {{object_name}} </html_element>

Example

Consider the following code

<div ng-app="" ng-init="fruits=['Orange','Banana','Apple']">
	<p ng-repeat="fruit in fruits"> {{fruit}} </p>
</div>

In the preceding example, we have initialized an array ‘fruits’ using ng-init directive. In the paragraph, we loop to each element of an array and used an expression to display.

Output

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Wednesday, May 27, 2015

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250