AngularJS: отправка отключена до тех пор, пока HTML 5 действителен, и отключить после отправки, запретить многократную отправку

Question

AngularJS: отправка отключена до тех пор, пока HTML 5 действителен, и отключить после отправки, запретить многократную отправку

0

Я пытаюсь, чтобы моя кнопка отправки была disabled до тех пор, пока форма HTML не будет действительной, что мне удалось сделать так:

<button type="submit" class="btn" ng-disabled="mainPaymentForm" ng-click="disableButton()"><%button%></button>

В моем контроллере у меня это:

// Disable form on submit
$scope.disableButton = function(){
        $scope.button = "Loading...";
        $scope.submit.disable = true; // This doesn't work
};

В целом я просто стараюсь, чтобы кнопка была отключена до тех пор, пока она не будет действительна/и не будет предотвращена несколько попыток отправки.

благодаря

IamCavic 04 нояб. 2015, в 00:21

Источник

Теги:

angularjs

1 ответ

Ещё вопросы

IamCavic · Accepted Answer · 2015-11-03T22-14-00.000Z

Я понял:

HTML-код

ng-disabled="mainPaymentForm.$invalid || clickDisable"

Код контроллера JS

// this will unable button if form becomes valid
$scope.$watch('mainPaymentForm.$invalid', function(){
        $scope.clickDisable = false;
});

// this will disable it on click
$scope.disableButton = function(){
        $scope.button = "Loading...";
        $scope.clickDisable = true;
};