AngularJS перенаправляет пользователя на платежный шлюз после отправки формы

Question

Я работаю над проектом angularjs. Я в процессе интеграции платежных шлюзов. Я застрял с представлением шлюза. В основном без angularjs, когда пользователь нажимает «Оплатить сейчас», форма отправляет данные на шлюз вместе с некоторыми скрытыми полями и переносит пользователя прямо на платежный шлюз.

В то время как в angularjs, когда пользователь нажимает кнопку «Оплатить сейчас», ничего не происходит.

У меня есть форма в HTML-файле angularjs следующим образом.

<form action="payumbtn.action" method="post" name="payuForm" id="payuForm" style="display: block">
        <input type="hidden" name="key" ng-model="payumbtn.merchant_key" />
        <input type="hidden" name="hash" ng-model="payumbtn.hash"/>
        <input type="hidden" name="txnid" ng-model="payumbtn.txnid" />
        <input name="amount" type="hidden" ng-model="payumbtn.totalCost" />
        <input type="hidden" name="firstname" id="firstname" ng-model="payumbtn.firstName" />
        <input type="hidden" name="email" id="email" ng-model="payumbtn.email" />
        <input type="hidden" name="phone" ng-model="payumbtn.mobile" />
        <textarea name="productinfo" ng-hide="true">{{payumbtn.productinfo}}</textarea>
        <input type="hidden" name="surl" ng-model="payumbtn.success_url" />
        <input type="hidden" name="furl" ng-model="payumbtn.failure_url"/>
        <input type="hidden" name="service_provider" value="payu_paisa"/>
        <input type="hidden" name="lastname" id="lastname" ng-model="payumbtn.lastName" />
        <input type="hidden" name="udf1" id="udf1" ng-model="payumbtn.udf1" />
        <input type="hidden" name="udf2" id="udf2" ng-model="payumbtn.udf2" />
        <input type="submit" value="Pay now"/>
    </form>

Теперь данные {{payumbtn.xxxx}} взяты из предыдущего поста, так что не беспокойтесь.

Что мне нужно
Мне нужна форма для отправки данных платежа на шлюз и перенаправления пользователя на шлюз.