AutoSave on Angular project with very large forms

Question

В настоящее время я работаю с проектом JHipsterAngular + Spring.

У нас есть очень большие формы с десятками полей в каждой, которые не объявлены с разметкой, такие как <form>, но заключенный в divs, такие как это:

<div class="form-group row"> 
     <label class="col-md-2 form-control-label">Search Publication by id: </label> 
     <div class="col-md-4 "> 
      <div class="input-group"> 
       <!--<input type="text" class="form-control" placeholder="Search" ng-model="surveyDataId"--> 
         <!--ww-enter="searchSurveyData()">--> 
       <input type="text" class="form-control" ng-model="publicationId" 
         placeholder="Search" 
         uib-typeahead="publication.id as publication.id + ', ' +publication.title+ ', ' +publication.firstAuthor for publication in publications | filter:$viewValue | limitTo:15" 
         typeahead-editable="false" ww-enter="searchPublication()"> 

, ИС часть все разделены на несколько контроллеров для каждого вида html

Теперь проблема, с которой я сталкиваюсь с такой реализацией, возникает при попытке автосохранения формы.

я пытался несколько решений:

http://adamalbrecht.com/2013/10/30/auto-save-your-model-in-angular-js-with-watch-and-debounce/ -> Ничего хорошего я не могу поставить часы на каждое поле ввода, имеющее столько

angularjs autosave form is it the right way? -> Не хорошо, как форма не состоит из несколько файлов HTML, а не один разметка с формой во всем проекте

https://github.com/tiberiuzuld/angular-auto-save-form -> Тот же вопрос, как и прежде

Sisyphus -> Очень неясная документация, попытался implem enting по тегам сценария, но никакой радости

ng-blur и ng-change не являются допустимым вариантом либо по понятным причинам

Я оценил бы никакой рекомендации

Answer 1

Если вы пытаетесь сохранить вместе несколько объектов через различные контроллеры, то вам будет лучше иметь данные, сохраненные на заводе, которые затем вводятся в нужные ему контроллеры.

На заводе вы можете создать единый объект, в котором хранятся данные для каждой из страниц html или их частичных форм. На заводе также могут храниться функции автоматического сохранения или иного манипулирования этими данными. Каждый контроллер затем вводит фабрику и модифицирует ее часть объекта данных. С контроллера, on-change/debounce/watchers могут вызывать функции с завода и выполнять любые необходимые манипуляции с данными.