javascript - 在带有http请求操作的按钮上显示指示器的Angular方法是什么？

我们倾向于为控制器使用的每种形式和按钮提供类，以便我们可以唯一地标识按钮，并使用jquery来控制按钮并打开和关闭旋转器gif，但是这种方法将控制器与UI绑定在一起。很多。

我们如何使用表单类对控制器进行硬连线？

最佳答案

在作用域上具有一个属性，该属性指示页面何时繁忙...

$scope.submit = function () {
    $scope.busy = true;
    $http.get('/someUrl').success(function () {
        $scope.busy = false;
    });
};

然后使用ngShow和其他指令根据busy标志更改屏幕元素的状态...

<button ng-disabled="busy" ng-click="submit()">
    Submit
    <i class="fa fa-spinner fa-spin" ng-show="busy"></i>
</button>