Angular.js : Polling Example

http://angularjs.org

by rishabh

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<div>
    <div ng-controller="Ctrl1">
        <chart pollingperiod="12" param1='3' param2='6'></chart>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

myApp.controller('Ctrl1', function($scope) {
  
});

myApp.directive('chart', function() {
    return {
        restrict: 'AE',
        scope : {
            pollingperiod : '@',
            param1 : '@',
            param2 : '@'
        },
        controller: ['$scope', '$element', '$attrs', '$transclude', '$timeout', 
                     function($scope, $element, $attrs, $transclude, $timeout) {
                         var poll = function() {
                             $timeout(function() {
                                 //update your chart
                                 $scope.param1 = $scope.param2;
                                 $scope.param2++ ;
                                 poll();
                             }, 100*$scope.pollingperiod);
                         };     
                         poll();}],
        template : "<div> param1 : {{param1}} </div> <div>param2 : {{param2}}"
    };
});