расширение angularjs form controller

Question

У меня есть несколько дочерних ng-форм, которые являются частью родительской ng-формы, я хочу установить статус отправки всех дочерних форм, когда я устанавливаю родительскую ng-форму в статус $ submit.

В настоящее время нет такого метода не доступен на форм-контроллера, проверил here

Давайте говорить, если я хочу, чтобы расширить текущий вид контроллера, чтобы сделать это, как я должен делать это? как добавить новый метод $setChildFormsToSubmittedState()? конечно, я хочу сделать это, не нарушая/не касаясь углового кода.

Возможно ли это? Я думаю, что все дочерние формы должны быть привязаны к родительской форме, используя $addControl();.

Не знаю, с чего начать.

Answer 1

Вы можете создать директиву, добавляющую функциональность в контроллер формы. Просто создайте метод, который выполняет итерацию по всем элементам управления, проверяя, имеет ли элемент свойство $$parentForm, равное объекту формы, которому он принадлежит.

DEMO

Javascript

.directive('myForm', function() { 

    return { 
     require: 'form', 
     link: function(scope, elem, attr, form) { 
     form.__setSubmitted = function() { 
      setSubmitted(form); 
     }; 

     function setSubmitted(form) { 
      form.$submitted = true; 
      angular.forEach(form, function(item) { 
      if(item && item.$$parentForm === form) { 
       setSubmitted(item); 
      } 
      }); 
     } 
     } 
    }; 

    }); 

HTML

<form name="myForm" my-form ng-submit="myForm.__setSubmitted()"> 
    <ng-form name="mySubForm1"> 
    <input type="text" ng-model="data.something1" name="something"> 
    {{mySubForm1.$submitted}} 
    </ng-form> 
    <br> 

    <ng-form name="mySubForm2"> 
    <input type="text" ng-model="data.something2" name="something"> 
    {{mySubForm2.$submitted}} 
    </ng-form> 
    <br> 

    <button type="submit">Button</button> 
    {{myForm.$submitted}} 
</form>