Передача формы в компонент AngularJS для проверки
Я перевожу свою прежнюю кодовую базу в новую компонентную архитектуру, продвигаемую с AngularJS 1.5. Я столкнулся с проблемой при выполнении этого для больших форм. Традиционно я бы приложил проверку формы следующим образом:
<form name="myForm">
<input type="text" name="input1" ng-model="vm.input1" required />
<div ng-messages="myForm.input1.$error">
<div ng-message="required">Please fill out this field.</div>
</div>
<!-- many more inputs -->
</form>
При переходе к архитектуре компонента я должен явно передать форму компоненту:
<form name="vm.myForm">
<my-awesome-input-component model="vm.input1" form="vm.myForm"><my-awesome-input-component>
<!-- many more inputs -->
</form>
Я хотел бы избежать загрязненияvm
с моей формой. Есть ли лучший способ достичь желаемой архитектуры компонентов для форм?