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 — Patrick Evans
– Patrick Evans, Commented Oct 26, 2014 at 3: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
– mdv, Commented Oct 26, 2014 at 3:03
possible duplicate of AngularJS value won't change with setTimeout — Patrick Evans
– Patrick Evans, Commented Oct 26, 2014 at 3:06

mdv · Accepted Answer · 2014-11-03 17:21:18Z

0

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*/

answered Nov 3, 2014 at 17:21

mdv

9454 gold badges14 silver badges28 bronze badges

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

1 Comment

Rubens Pinheiro Over a year ago

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 model<->view interation. Put the logic and data resources gathering into a service. :)

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related