Angular Timer Directive

timer.js

var timerDirective = function ($interval)
{
  template: '<div>Seconds Elapsed: {{seconds}}</div>',
  link: function($scope, element, attrs, controller) {
    element.on('$destroy', function() {
      $interval.cancel(controller.timerPromise);
    });
  },
  controller: function ($scope){
    $scope.seconds = 0;
    this.timerPromise = $interval(function (){
      $scope.seconds++;
    }, 1000);
  }
}

angular.module('myApp', [])
  .directive('timer', timerdirective)