Угловая форма. $ Dirty не обновляется после компиляции

Question

У меня есть директива, прикрепленная к полю ввода, которое вызывает $compile(element)(scope); в методе ссылки. Все работает хорошо, за исключением того, когда пытаются использовать следующие:

ng-class="{ 'has-error' : frm.first_name.$invalid && frm.last_name.$dirty }"

$ недействительные обновления свойств, но $ загрязнен (и $ нетронутые) всегда сохраняют свои первоначальные значения.

plnkr example

Я не знаю, как подойти к этой проблеме. У кого-нибудь есть идеи? Любая информация будет принята с благодарностью. Благодаря!

Answer 1

Вы должны использовать компилировать, вместо ссылки, как так:

app.directive('inputDataType', ['$compile', function ($compile) { 
     var compileFn = function(element) { 
      element.removeAttr('input-data-type'); 

      // Add pattern 
      element.attr('ng-pattern', '^[a-zA-Z0-9]+$'); 

      // Make input field required 
      element.attr('required', 'true'); 

      // Compile to attach new directives/pattern/required 
      var fn = $compile(element); 

      return function(scope){ 
       fn(scope); 
      }; 
     }; 

     return { 
      restrict: 'A', 
      scope: false, 
      terminal: true, 
      priority: 1001, 
      compile: compileFn 
     }; 
    }]); 

Посмотрите здесь для получения дополнительной информации: creating a new directive with angularjs

Изменено plunkr: http://plnkr.co/edit/85uHw9pSS3dEy9dGX2lz