angularjs: $timeout usage (inside of service)

Question

I'm trying to make a little notifier, that informs about typical situations: need authorization, changes saved etc. Notices are shown for 3 seconds and disappear, if user didn't click on it (if notice clicked, it disappears immediatly). Documentation is not very informative. How should i use $timeout, to call close(); after 3 seconds? And how can i put a variable (nId) into function? I tried with closure (*function(){return function(){}}*) in default setTimeOut(), but unsuccessfully.

myApp.controller('noticesCtrl',
    function noticesCtrl($scope, $rootScope, noticesData){
        $rootScope.notices = [];
        $scope.closeNotice = function(nId){
            noticesData.close(nId);
        };
    });

myApp.factory('noticesData', function($rootScope, $timeout){
    return{
        add: function(type, text){
            var nId = $rootScope.notices.length + 1;
            $rootScope.notices.push({id: nId, type:type, text:text+nId});
            // call close function with 3sec. delay; how?
        },
        close: function(nId){
            angular.forEach($rootScope.notices, function(notice, key){
                if(notice.id == nId){
                    $rootScope.notices.splice(key,1);
                }
            });
        }
    }
});

Have you checked Toastr JS library? It has several options and it shows quite nice notifications. I just wrapped that in a service in order to use it in AngularJS. (And no, I'm not involved with the team :) ) — superjos
– superjos, Commented Nov 30, 2013 at 19:02

AlwaysALearner · Accepted Answer · 2013-09-09 07:13:11Z

4

myApp.factory('noticesData', function($rootScope, $timeout){
    var obj = {};
    obj.add = function(type, text){
        var nId = $rootScope.notices.length + 1;
        $rootScope.notices.push({id: nId, type:type, text:text+nId});
        $timeout(function(){
            obj.close(nId);
        },3000);
    }
    obj.close = function(nId){
        angular.forEach($rootScope.notices, function(notice, key){
            if(notice.id == nId){
                $rootScope.notices.splice(key,1);
            }
        });
    }
    return obj; 
});

edited Sep 9, 2013 at 7:13

answered Sep 9, 2013 at 6:41

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

2 Comments

AlwaysALearner Over a year ago

I dont think I get what you are trying to say but the object must be instantiated before you can use any of its contained methods.

philosophocat Over a year ago

I only say, that call this.close() works well and i thought, that there exists a way to call this.close() with $timeout delay (it doesn't works, but doesn't reports about error too). Anyway, thank you very much.

Yasser Shaikh · Accepted Answer · 2015-02-18 13:36:03Z

-2

Heres how to do it

$timeout(function () {

    // do something

}, 50);

answered Feb 18, 2015 at 13:36

Yasser Shaikh

47.9k50 gold badges208 silver badges289 bronze badges

Collectives™ on Stack Overflow

angularjs: $timeout usage (inside of service)

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related