如何檢查禁用的按鈕是真/假？在angularjs

嗨，大家好，有什麼方法可以檢查禁用按鈕？如何檢查禁用的按鈕是真/假？在angularjs

這裏是我的按鈕禁用內部代碼（index.html的）：

ng-disabled="epUpdateAllForm.$invalid || epUpdateAllForm.$pending"

在控制器：

if((($scope.epUpdateAllForm.$invalid) || ($scope.epUpdateAllForm.$pending)) == true) { 

     console.log("Some mandatory fields is not completed"); 
    }

來源

2016-09-06 user1909310

您可以查看按鈕使用被禁用angular.element(..).prop()

var target = angular.element(document.getElementById("#buttonIdHere")); 
if (target.prop('disabled')) { 
    // Button is disabled 
}

選項2 手錶yourForm.$valid，yourForm.$invalid & yourForm.$pending在控制器

var isFormValid = false; 
$scope.$watch('yourForm.$valid', function(newVal) { 
    isFormValid = true; 
}); 

$scope.$watch('yourForm.$invalid', function(newVal) { 
    isFormValid = false; 
}); 

$scope.$watch('yourForm.$pending', function(newVal) { 
    isFormValid = false; 
});

，簡單地檢查是否isFromValid執行您提交的邏輯之前，是真實的。

來源

2016-09-06 13:10:05

如果您需要檢查submit的邏輯，那麼您可以將表單對象傳遞給處理程序submit。

jsfiddle上的示例。

angular.module('ExampleApp', []) 
 
    .controller('ExampleController', function($scope) { 
 
    $scope.submit = function(form) { 
 
     if (form.$invalid) 
 
     console.warn('Form is invalid'); 
 
     else 
 
     console.log('Form is valid'); 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="ExampleApp"> 
 
    <div ng-controller="ExampleController as vm"> 
 
    <form name="testForm"> 
 
     <label> This field is required 
 
     <input type="text" name="testInput" ng-model="myInput" required> 
 
     </label> 
 
     <button ng-click="submit(testForm)"> 
 
     Submit 
 
     </button> 
 
    </form> 
 
    </div> 
 
</div>

來源

2016-09-07 04:24:36

如何檢查禁用的按鈕是真/假？在angularjs

回答

相關問題