我如何在 AngularJS 中监听点击并按住的情况？

我制作了一个时间计数器，您可以通过单击按钮来增加或减少时间。然而，我希望当我单击并按住按钮时，时间的价值会不断攀升。

所以目前如果你看到我的Plunkr http://plnkr.co/edit/BxX9x5zYFMXVqt5JsN1F?p=preview每次我单击向上按钮时，值都会增加，但我想要这样，所以当我按住按钮时，值会增加1,2,3,4,5,6,7,8直到我松开按钮。

我怎样才能实现这样的目标？

DEMO http://plnkr.co/edit/5GjWY3Mw3M2bF83d9hZK?p=preview

<span class="time">{{ Time | timeFilter }}</span>
<div class="btn-group btn-group-sm">
  <button class="btn btn-default" ng-mousedown='mouseDown()' ng-mouseup="mouseUp()">
    <i class="fa fa-caret-up"></i>
  </button>
  <button class="btn btn-default" ng-click="Time = Time - 1">
    <i class="fa fa-caret-down"></i>
  </button>
</div>

将 ng-mouseDown 和 ng-mouseup 指令与 $interval 一起使用

app.directive('time', function ($interval) {
   return {
      templateUrl: 'time.html',
      restrict: 'E',
      scope: {
        Time: '=value'
      },
      link: function (scope, element, attrs) {
        element.addClass('time');

        var promise;      
        scope.mouseDown = function() {
          if(promise){
             $interval.cancel(promise);
          }
          promise = $interval(function () { 
            scope.Time++;
          }, 100);

        };

        scope.mouseUp = function () {
           $interval.cancel(promise);
           promise = null;
        };
     }
  };
});