Try to set timeout after success - angularjs

Question

i have modal box. I want submit form, show success message, and after 3 sec, close modal box. Here is my ctrl

            $http.post(serviceBase + 'aaaa', data, config)
                .success(function (data, status, headers, config) {
                    $scope.PostDataResponse = data;
                    $scope.messages = ['Success'];

                }, startTimer())
                .error(function (data, status, header, config) {
                    var messages = [];
                    angular.forEach(data.errors, function (value, key) {
                        $scope.ResponseDetails = "Data: " + data +
                                "<hr />status: " + status +
                                "<hr />headers: " + header +
                                "<hr />config: " + config;
                        messages.push('Error! ' + key + ' is not correct');

                    });
                    $scope.messages = messages;
                });
                // expose dependencies on this


};
var startTimer = function () {
    var timer = $timeout(function () {
        $timeout.cancel(timer);
        $location.path('/klupe');
              }, 3000);

};

But timer not working, if i console.log $location.path, it's ok, but function startTimer() is not calling. Thnx

Shintu Joseph · Accepted Answer · 2016-07-19 10:18:19Z

1

Put the function call inside the success block, not as a second paramter

answered Jul 19, 2016 at 10:18

Shintu Joseph

9627 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Arter Over a year ago

thnx, but still the same. I got success message, but timer is not started, not redirect me

Shintu Joseph Over a year ago

Try removing cancel timer, $timeout.cancel(timer); this should ideally prevent the task from running

Arter Over a year ago

thanke you this working, and i also change $location.path to $state.go. But now i have another problem. How to close modal box with this timer? here is from my template <button type="button" class="btn btn-default" ng-click="$dimiss()" data-dismiss="modal"></button>

Shintu Joseph Over a year ago

I dont get your requirement

Shintu Joseph Over a year ago

Call the dismiss function before the path change

|

Collectives™ on Stack Overflow

Try to set timeout after success - angularjs

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related