angularjs 禁用 $http/$q 调用上的按钮

遵循 DRY 原则，我想编写一个按钮指令，在 $http 类的持续时间内保持按钮禁用。

我想这样做是为了禁止用户多次单击按钮，但我无法考虑如何在指令内获取函数承诺状态，因为该函数驻留在 $scope 上

这个场景非常通用，按钮 ng-click 确实调用了一个函数，该函数又调用 $http 。用户单击 : 按钮应被禁用，并且仅应在 $http 调用解决后启用，无论是成功还是失败。

为什么不让它变得更容易呢？

<button ng-click="save()" ng-disabled="isProcessing">Save</button>


$scope.save = function(){
  $scope.isProcessing = true;
  $http.post('Api/Controller/Save', data).success(
    $scope.isProcessing = false;
  );
}

如果您在应用程序中的极少数地方需要此逻辑，那么情况确实如此。

如果您多次重复这样的逻辑（并且如果您不懒惰:)），那么为了遵循 SOLID 原则，最好将此功能包装到指令中（查看此问题的其他答案以查看此类指令的示例） 。