odometer.js - Angular Directive Example

AngularOdometer.js

//Directive
angularApp.directive('angularOdometer', function () {
  return {
    restrict: 'A',
    link: function(scope, element, attrs) {
      
      //Creates new instance of odometer for the element
    	new Odometer({el: element[0], value: scope[attrs.odometer]});
    	
    	//Watch for changes and update the element value (causing odometer to redraw)
    	scope.$watch(attrs.odometer, function(val) {
    		element.text(val);
      });
      
    }
  };
});

index.html

<div angular-odometer data-odometer="value"></div>

OdometerCtrl.js

//Example controller that binds to the view
angularApp.controller('OdometerCtrl.js', function ($scope)  {
	$scope.value = 2000;
});