Angularjs $timeout not executing

Question

I'm new to Angularjs and want to add a timer once the page load. I read a number of similar kind of questions here but still I couldn't resolve my issue. I added data-ng-init="init()" to my view. This is the controller:

    'use strict';

    angular.module('tempApp')
      .controller('MainController',['$scope','$timeout','dService', function ($scope,$timeout, dService) {

        $scope.init =  function(){
            console.log("Safety checkStatus page load");
            $timeout(callAtTimeout(),3000);
        }


    function callAtTimeout(){
        console.log("Safety checkStatus ***");
    }

 }]);

jsfiddle: https://jsfiddle.net/Zusee/s6xy48t0/9/

Here dService is separate service js file I'm going to use. Any help would be appreciated.

ajin · Accepted Answer · 2016-09-02 06:07:32Z

3

<!DOCTYPE html>
<html ng-app="tempApp">
<head>
    <title>Test</title>
    <script src="angular.min.js"></script>
</head>
<body ng-controller="MainController">
<script type="text/javascript">
       'use strict';

           angular.module('tempApp', [])
             .controller('MainController',['$scope','$timeout', function ($scope,$timeout) {

               $scope.init =  function(){
                   console.log("Safety checkStatus page load");

                   $timeout(callAtTimeout, 3000);
               };
               function callAtTimeout(){
                       console.log("Safety checkStatus ***");
                   }

$scope.init();
        }]);
</script>
</body>
</html>

answered Sep 2, 2016 at 6:07

ajin

1,2161 gold badge12 silver badges22 bronze badges

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

Comments

Alvaro Heras · Accepted Answer · 2016-09-02 05:44:44Z

2

You can try this?

'use strict';

    angular.module('tempApp')
      .controller('MainController',['$scope','$timeout','dService', function ($scope,$timeout, dService) {

       $scope.init =  function(){

            console.log("Safety checkStatus page load");

            $timeout(function () {
                  $scope.callAtTimeout();
            }, 1000);

       } 


       $scope.callAtTimeout = function(){
           console.log("Safety checkStatus ***");
       }

       $scope.init();
 }]);

answered Sep 2, 2016 at 5:44

Alvaro Heras

818 bronze badges

4 Comments

Zusee Weekin Over a year ago

Thanks for your support. But still it's not working as expect.

Alvaro Heras Over a year ago

Sorry . one question ... why you use }]); two times ?

Zusee Weekin Over a year ago

mm..sorry It's typo. :

Nathan Pena Over a year ago

Thanks, this worked for me. But why does it work? Initially I had $timeout($scope.callAtTimeout(), 1000); then I changed it to $timeout(function () { $scope.callAtTimeout() }, 1000); and it started working.

Makarov Sergey · Accepted Answer · 2016-09-02 05:44:41Z

0

Add 'dService'

.controller('MainController',['$scope','$timeout', 'dService', function ($scope,$timeout, dService) {

And use like

$timeout(callAtTimeout,3000);

answered Sep 2, 2016 at 5:44

Makarov Sergey

9327 silver badges21 bronze badges

Comments

misss-popcorn · Accepted Answer · 2016-09-02 05:57:26Z

0

 'use strict';

        angular.module('tempApp')
          .controller('MainController',['$scope','$timeout','dService', function ($scope,$timeout, dService) {

            $scope.init =  function(){
                console.log("Safety checkStatus page load");
                $timeout(function () {
                  callAtTimeout()
                }, 3000);
            }  }]);


        function callAtTimeout(){
            console.log("Safety checkStatus ***");
        }

     }]);

You may also need to call $scope.init() explicitly

edited Sep 2, 2016 at 5:57

answered Sep 2, 2016 at 5:33

misss-popcorn

6103 silver badges14 bronze badges

10 Comments

Zusee Weekin Over a year ago

Thanks for your support. I tried that too with no luck.

misss-popcorn Over a year ago

Please check my edited answer for changed $timeout()

RIYAJ KHAN Over a year ago

@urvashi ` I added data-ng-init="init()"` You dont need to call it explicitely

misss-popcorn Over a year ago

Yes thats also correct,since html code is not here so i added 'may' :)

Nikhilesh K V Over a year ago

@ZuseeWeekin: check here jsfiddle.net/s6xy48t0/10 . I updated your fiddle. Now the alerts are showing. You were getting an error as the service wasn't defined in the fiddle.

|

Suresh Gogu · Accepted Answer · 2016-09-02 05:59:38Z

0

Problem is extra parenthesis in $scope.init()

$scope.init =  function(){
     console.log("Safety checkStatus page load");
     $timeout(function () {
          callAtTimeout();
     }, 3000);
};

edited Sep 2, 2016 at 5:59

answered Sep 2, 2016 at 5:54

Suresh Gogu

3895 silver badges12 bronze badges

3 Comments

Zusee Weekin Over a year ago

I have data-ng-init="init()" in my view.

Suresh Gogu Over a year ago

then no need to call in controller, but remove extra parenthesis @ZuseeWeekin

Zusee Weekin Over a year ago

mm..sorry It's typo. :)

RIYAJ KHAN · Accepted Answer · 2016-09-02 07:32:48Z

0

Why you need $timeout if you want to set timer.

$timeout will execute once.

Try with $interval.

Here is the changes :

$scope.init = function() {
          console.log("Safety checkStatus page load");
          $interval($scope.callAtTimeout, 1000);
        }
        $scope.callAtTimeout = function() {

          console.log("Safety checkStatus ***");
        }

Here is the working plunker

answered Sep 2, 2016 at 7:32

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Collectives™ on Stack Overflow

Angularjs $timeout not executing

6 Answers 6

Comments

4 Comments

Comments

10 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

4 Comments

Comments

10 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related