title: send current element to ng-change event
body: <p>I know in <strong>jQuery</strong> we can use <code>$(this)</code> in change event as example: </p>
  
  <pre><code>$('#id_element').change(function(){
    $(this).removeClass('unneeded-class');
  });
  </code></pre>
  
  <p><strong>In AngularJS</strong>, I have directive that has input as the following: </p>
  
  <pre><code>&lt;input type="text" class="pull-left" placeholder="Name" ng-model="app.name" ng-change="textChanged()"&gt;
  </code></pre>
  
  <p>and in compile function I have the following:</p>
  
  <pre><code>scope.textChanged = function(){
  }
  </code></pre>
  
  <p>I can't use <code>ng-class</code> to remove <code>unneeded</code> class, because this class was added by clicking on submit button, and I need when user start to type his name, I want to remove this class.</p>
  
  <p><strong>My Directive to be more clear</strong></p>
  
  <pre><code>app.directive('appointment', function(RecursionHelper){
    return {
      restrict: "E",
      scope: {
          appt: '=ngModel'
      },
      template:
          '&lt;div class="row appointment-inputs"&gt;' +
              '&lt;div class="col-md-12"&gt;' +
                      '&lt;input type="text" class="pull-left" placeholder="First Name" ng-model="appt.f_name" ng-class="(appt.f_name === undefined || appt.f_name === \'\') ? \'empty\' : \'filled\'" ng-change="textChanged()"&gt;' +
                      '&lt;input type="text" class="pull-left" placeholder="Last Name" ng-model="appt.l_name" ng-class="(appt.l_name === undefined || appt.l_name === \'\') ? \'empty\' : \'filled\'" ng-change="textChanged()"&gt;' +
                      '&lt;input type="text" class="pull-left app-input" placeholder="Appointment Date" ng-model="appt.date" name="date2" bs-datepicker data-date-format="yyyy-MM-dd" data-date-type="number" ng-class="(appt.date === undefined  || appt.date === \'\') ? \'empty\' : \'filled\'" ng-change="textChanged()"&gt;' +
              '&lt;/div&gt;' + 
          '&lt;/div&gt;',
      compile: function(element) {
          return RecursionHelper.compile(element, function(scope, iElement, iAttrs, controller, transcludeFn){
          scope.textChanged = function(){
          }
        });
      }
  };
  });
  </code></pre>
  
  <p>And I add class call <code>red-border</code> for mandatory fields when user click on submit button, without type all mandatory field, I want when user start type on any field, fired <code>textChanged</code> function, and remove <code>red-border</code> class from current element only.</p>
  
  <p><strong>My Question:</strong>
  How can I send the current element that has event to <code>textChanged</code> function ?</p>