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

Question

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

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

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

Answer 1

为什么不让它变得更容易。

<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 原则，最好将此功能包装到指令中(查看此问题的其他答案以查看示例此类指令)。