javascript - 提交表单时旋转器 angularjs

Question

如何在提交表单时添加微调器(然后它转到另一个/路由)

我已经完成的事情如下。

Angularjs

$scope.submit = function() {
    $http.post('/option', {
        firstName: $scope.firstName,
        lastName: $scope.lastName,
    }).then(function(res) {
        sessionStorage.setItem("flight", JSON.stringify(res.data));

        $location.path("/option");
        $scope.setDelay = function(){
            $scope.delay = true;
            $timeout(function(){
                $scope.delay = false;
            }, 2000);
        };
        });

HTML

按钮提交(我想在单击 onSubmit() 时显示微调器)

<md-button name="submit" ng-click="submit(); setDelay()" class="md-raised">Find</md-button>

<div>显示微调器

<div class="loading-div" ng-show="delay">
    <img src="spinner.gif">
</div>

Answer 1

1 在提交函数中，设置 $scope.delay = true;

2 在 post return .then(function(res){, set $scope.delay = false;

这是你想要的吗？