Angular: Empty Fiddle

http://angularjs.org/

by Evan Sharp

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
<div ng-app='myApp' ng-controller="FieldsController">
    <div ng-repeat="field in fields">{{field.someValue}}</div>
</div>

JavaScript

var myApp = angular.module('myApp', []).controller('FieldsController', function ($scope) {
    $scope.inScope = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30];
    var i = 0;
    function createNewField(){
        return {someValue: 'some Value'};
    }
    for (i = 0; i < $scope.fields.length; i++) {
        if ($scope.fields[i] > maxValue) {
            // Remove an item from the array
            $scope.fields.splice(i, 1);
        } else if ($scope.fields[i] < minValue) {
            // Add an item to the array
            $scope.fields.splice(i, 0, createNewField());
        }
    }
})