Example Intercept Form Post

Example intercept form post

by Jeremy Likness

HTML

<div ng-app="myApp" ng-controller="MyController">
    <form name="myForm">
        <input type="hidden" name="hiddenField" value="{{boo}}"/>
        <button ng-click="submit()">Submit</button>
    </form>
</div>

JavaScript

(function () {
    var app = angular.module("myApp", []),
        MyService = function ($q, $timeout) {
            this.getAsync = function () {
                var deferred = $q.defer();
                $timeout(function () {
                    deferred.resolve("boo");
                }, 1000);
                return deferred.promise;
            };
        },
        MyController = function ($scope, MyService) {
            $scope.boo = "";
            $scope.submit = function () {
                MyService.getAsync().then(function(result) {
                    $scope.boo = result;
                    document.myForm.action = "http://example.com/";
                    document.myForm.submit();
                });
            };            
        };
    app.service("MyService", MyService);
    app.controller("MyController", MyController);
})();