The ng-repeat directive is used to display items in a collection.  In the following example, rules is a scope variable that holds an array of objects that have a rulename property.

 

<div ng-controller="mainController">
    <ul>
        <li ng-repeat="rule in rules">
            {{ rule.rulename }}
        </li>
    </ul>

</div>

 

 

This directive can be used as an attribute as shown above or as an element as shown next:

<ng-repeat ng-repeat="repeat_expression">
    ...
</ng-repeat>

 

 

The repeat expression can take other forms as explained in the API:

https://docs.angularjs.org/api/ng/directive/ngRepeat