Disable button after form submit
<p>Sounds easy and a well known question, right? I thought so as well. How do I do this in angularJS.</p>

<p><strong>CSHTML</strong></p>

<pre><code>@using (Html.BeginForm("Order", "Shop", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
 &lt;div class="container" ng-app="order" ng-controller="orderController"&gt;
      &lt;button type="submit" ng-disabled="orderButtonClicked" ng-click="orderClicked()" class="btn btn-primary btn-block tf-btn btn-lg"&gt;Place Order&lt;/button&gt;
&lt;/div&gt;
}
</code></pre>

<p><strong>AngularJS</strong></p>

<pre><code>angular.module("order", [])
.controller("orderController", ['$scope', '$http','$filter', function ($scope, $http, $filter) {

    $scope.orderButtonClicked = false;

    $scope.orderClicked = function () {
    $scope.orderButtonClicked = true;

    }    
}]);
</code></pre>

<p>As many others reported as well, the form is not submitting when disabling or removing the button. <a href="https://stackoverflow.com/a/29984680/2901207">this</a> answer did the same, he claims it is working, but for me is a no go.</p>

<p>You can assume that angular is setup correctly, disabling the button works fine.</p>