title: How to trigger ng-change only on drag end from a directive?
body: <p>It might be a simple fix, but what I want to do is trigger ng-change only on drag-end.</p>
  
  <p>before I did this straight from HTML:</p>
  
  <pre><code>    &lt;md-slider aria-label="{{ key }}" step="{{ value.step ? value.step : 1 }}" ng-model="filters.lastAppliedFilter.options[key].current" ng-change="filters.applyValue(filters.lastAppliedFilter.name, key, filters.lastAppliedFilter.options[key].current)" min="{{ value.min ? value.min : 1 }}" max="{{ value.max ? value.max : 250 }}"&gt;&lt;/md-slider&gt;
  </code></pre>
  
  <p>Values are coming from ng-repeat.</p>
  
  <p>To detect dragend I have created this directive:</p>
  
  <pre><code>'use strict';
  
  angular.module('image.directives').directive('testDragEnd', function() {
      return {
          restrict: 'A',
          link: function(scope, element, attrs) {
              element.on('$md.dragend', function() {
                  console.info('Drag Ended');
              })
          }
      }
  })
  </code></pre>
  
  <p>My question is how I can trigger ng-change only on drag end?</p>
  
  <p>Thanks.</p>