Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc9.js"></script>
<div ng-controller="MyCtrl">
    When you click remove all, form.$invalid should be false but is not
    
    <form name="form">
                  form.$invalid:  {{form.$invalid}}
        <div ng-repeat="item in list">
            <input ng-model="item" type="text" required />
        </div>
    </form>
        
        <button ng-click="onClick()">Remove All</button>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    var list =[];
    list.length=2;
    $scope.list = list;
    $scope.onClick=function(){
        $scope.list=[];
    };
}