Отключить все дочерние элементы, использующие angularjs директиву

Question

Я создал директиву, отключить все выбранные дочерние элементы, как это:

app.directive('noeDisable', function() { 
     var linkFunction = function (scope, element, attributes) { 
      scope.text = attributes["=noeDisable"]; 
      if (scope.text == 'true') { 
       $(element).find('input,button,a').attr("disabled", true); 
      } 
     }; 
     return { 
      link: linkFunction 

     }; 
    }); 

и хорошо работать для этого примера: <div noe-disable="true"> ... </div>. но проблема в том, что некоторые из дочерних элементов загружаются позже, например, после вызова ajax или когда у меня есть другая директива angularjs внутри родительского элемента, которая добавляет некоторые дочерние элементы к ее родительскому объекту, поэтому они не будут отключены !!! Как я могу справиться с этой проблемой?

Answer 1

вы можете использовать fieldset.

Wrap все ваши поля в Fieldset и использование нг-инвалидов, как:

<fieldset ng-disabled="shouldDisabled"> 
     ... inputs ... 
</fieldset> 

Он будет автоматически отключают все входы внутри полей.

Answer 2

Имею запасные (пару) минут!

Here is the plunk демонстрация мутационного сервера.

суть находится в этой строке:

observer.observe(element[0], config); 

ведьмы подписаться на все обновления РОМА элемента. Я отбросил зависимость от jQuery, пока я был у нее;)