Updating value on client side (angularJS) using setInterval()

Question

im using AngularJS for value calculator on the client side. I want to update the main value of this calculator every 5 minutes using setInterval().

My AngularJS code is:

 $http({method: 'GET', url: '../assets/sources.json'}).success(function(data)
   {
      $scope.values = data; // response data

      $scope.getSourceValue = function(){

         if ($scope.source == "test") {

            return $scope.values.test["last"]

         } else if ($scope.source == "test1"){

            return $scope.values.test1["last"]

         } else if ($scope.source == "test2"){

            return $scope.values["test2"]["last"]

         } else {

            return -1
         };

      } // getSource
    }

On client side:

<strong><h1> {{getSourceValue()|currency}}</strong></h1>

Can someone point me in the right direction?

Thanks in advance.

UPDATE:

{
    "timestamp": "Sun Sep 14 2014, 01:40:03",
    "bitstamp": {
        "display_URL": "http://www.bitstamp.net",
        "display_name": "Bitstamp",
        "currency": "BTC",
        "last": 477.6
    },
    "btc-e": {
        "display_URL": "http://www.btc-e.com",
        "display_name": "BTC-e",
        "currency": "BTC",
        "last": 471.5
    },
    "bitcoinaverage": {
        "display_URL": "http://api.bitcoinaverage.com",
        "display_name": "BitcoinAverage",
        "currency": "BTC",
        "last": 479.23
    },
    "geeklab": {
        "display_URL": "http://ws.geeklab.com.ar",
        "display_name": "Geeklab",
        "currency": "ARS",
        "blue": 14.35
    }
}

are you using `$scope.$apply()` in the `setInterval` to update the bindings? using `setInterval` takes you out of the angular digest. [AngularJS and Apply](http://jimhoskins.com/2012/12/17/angularjs-and-apply.html) — Patrick Evans, Oct 26 '14 at 03:02
No, I really don't know how to do it, I was trying with setTimeInterval for JS but didn't work with Angular (duh). — mdv, Oct 26 '14 at 03:03
possible duplicate of [AngularJS value won't change with setTimeout](http://stackoverflow.com/questions/23674590/angularjs-value-wont-change-with-settimeout) — Patrick Evans, Oct 26 '14 at 03:06

score 0 · Answer 1 · answered Nov 03 '14 at 17:21

I'll post the solution for someone else. My approach:

angular.module('test', [])

   .controller('test', function($scope, $http, $filter, $interval) {



      var stop;

      if(!angular.isDefined(stop)) {
         stop = $interval(function(){


               $http({method: 'GET', url: '../assets/sources.json'}).success(function(data)
               {
                  $scope.values = data; // response data

                  $scope.svalue = 0;

                  $scope.getSourceValue = function(){

                     if ($scope.source == "bitcoinaverage.com") {

                        $scope.svalue = $scope.values.bitcoinaverage["last"]

                     } else if ($scope.source == "bitstamp.net"){

                        $scope.svalue = $scope.values.bitstamp["last"]

                     } else if ($scope.source == "btc-e.com"){

                        $scope.svalue = $scope.values["btc-e"]["last"]

                     } else {

                        $scope.svalue = -1
                     };

                  } // getSource


            });//  /success()


         }, 40000);
      }


}); /*Controller*/

You're redefining the $scope.getSourceValue in every ajax call. Move it to the outside scope and prefer using the 'this' aproach, put in $scope only if the function is shared with the child controllers. Other tip, the controller is the resposible for controlling the modelview interation. Put the logic and data resources gathering into a service. :) — Rubens Pinheiro, Nov 03 '14 at 17:32

Updating value on client side (angularJS) using setInterval()

1 Answers1