动态添加的属性不会初始化

Question

我正在尝试动态地将属性添加到在ng-repeat语句中生成和编译的html元素。

我在输入元素上使用以下指令。

.directive('ngLoading', function($compile) {
  return function(scope, element, attrs) {
    scope.$watch(attrs.ngLoading, function() {

         element.attr('ng-required', true);
         element.attr('ng-pattern', '/^[0-9]+$/');

         element.removeAttr('ng-loading');
         $compile(element)(scope);   
    });
  };
});

我看到的问题是它确实添加了属性，无论是ng-required="true"等等。但它并没有被浏览器初始化，验证也没有启动。