AngularJS Form Reset

Testing native form reset behavior in an Angular form.

HTML

<div ng-controller="MyCtrl">
    <form reset-directive="myModel" name="form1" ng-init="initFunc()">
        <input type="text" ng-model="myModel.foo" />
        <input type="text" ng-model="myModel.bar" />
        <input type="reset" value="Reset" />
        <pre>myModel: {{ myModel | json }}</pre>
        <pre>myModelCopy: {{ myModelCopy | json }}</pre>
        <pre>form1 pristine: {{ form1.$pristine }}</pre>
    </form>
</div>

JavaScript

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

myApp.controller('MyCtrl', ['$scope', function ($scope) {
		$scope.initFunc = function(){
    		$scope.myModel = {foo: "Boop", bar: "Beep"};
    		$scope.form1.$pristine = false;
        $scope.form1.$setPristine();
    };
    $scope.myModel = {
        foo: 'Boop',
        bar: 'Beep'
    };
    $scope.myModelCopy = angular.copy($scope.myModel);
}]);