javascript - AngularJS ngModel ディレクティブを拡張する

Question

$focused入力フィールド ($touchedまたは など) にプロパティを追加しようとしています$valid。これが私の現在のコードです：

directive('ngModel', function () {
  return {
    restrict: 'A',
    require: 'ngModel',
    link: function ($scope, $element, $attrs, ngModelScope) {
      $element.on('focus', function () {
        ngModelScope.$focused = true
      })
      $element.on('blur', function () {
        ngModelScope.$focused = false
      })
      ngModelScope.$focused = false
    }
  }
})

..そしてそれは機能していません。$digestが起動しておらず、ngModelScope で行われた変更が dom に適用されていないようです。

HTML:

<form novalidate name="loginForm">
  <input type="email" placeholder="Email" name="email" ng-model="email" >
  <span ng-show="loginForm.email.$focused">Focused</span>
</form>