Мне нужен способ прокрутки зарегистрированных элементов формы AngularJS. По сути, я пытаюсь получить все грязные элементы управления, но нет массива элементов управления (у FormController есть несколько различных свойств/функций в дополнение к содержанию самих элементов управления, каждый из которых является его собственным объектом).
Я смотрел исходный код, и я вижу, что в FormController есть массив controls
, который точно соответствует массиву, который я ищу. Есть ли способ получить доступ к этому значению или расширить FormController, чтобы включить функцию, которая возвращает этот массив controls
?
Изменить: Plnkr demo
Кроме того, я понял, что технически я могу проверить первый символ в ключевой строке для "$", но я бы хотел этого избежать, если формация FormController/директива изменится в будущей версии Angular.
Изменить 2: Еще одно уточнение. Моя цель заключается в том, чтобы определить, какие конкретные поля являются "грязными", путем циклического перебора всего списка элементов управления (не считая $dirty, $invalid, $error, $name и другие свойства, которые живут в объекте Form как есть) или путем расширения FormController и создания функции, которая возвращает только те элементы управления, которые в настоящее время загрязнены (и не равны их начальным значениям)
Изменить 3: Решение, которое я ищу, должно быть применимо к формам/моделям разных структур. Модели в области сгенерированы с помощью AJAX, поэтому их структура уже установлена (я бы хотел избежать жесткой кодировки новой структуры для всех данных, которые я уже получаю через AJAX). Кроме того, я хочу использовать этот процесс подачи формы для нескольких форм/моделей, и каждый из них имеет разные структуры JSON - поскольку они применяются к различным объектам в нашей объектной модели. Вот почему я решил попросить способ получить доступ к объекту controls
в FormController (я отправлю код из FormController
ниже), потому что это единственное место, где я могу получить плоский массив всех моих полей.
function FormController(element, attrs) {
var form = this,
parentForm = element.parent().controller('form') || nullFormCtrl,
invalidCount = 0, // used to easily determine if we are valid
errors = form.$error = {},
controls = [];
// init state
form.$name = attrs.name || attrs.ngForm;
form.$dirty = false;
form.$pristine = true;
form.$valid = true;
form.$invalid = false;
parentForm.$addControl(form);
// Setup initial state of the control
element.addClass(PRISTINE_CLASS);
toggleValidCss(true);
// convenience method for easy toggling of classes
function toggleValidCss(isValid, validationErrorKey) {
validationErrorKey = validationErrorKey ? '-' + snake_case(validationErrorKey, '-') : '';
element.
removeClass((isValid ? INVALID_CLASS : VALID_CLASS) + validationErrorKey).
addClass((isValid ? VALID_CLASS : INVALID_CLASS) + validationErrorKey);
}
/**
* @ngdoc function
* @name ng.directive:form.FormController#$addControl
* @methodOf ng.directive:form.FormController
*
* @description
* Register a control with the form.
*
* Input elements using ngModelController do this automatically when they are linked.
*/
form.$addControl = function(control) {
controls.push(control);
if (control.$name && !form.hasOwnProperty(control.$name)) {
form[control.$name] = control;
}
};
/**
* @ngdoc function
* @name ng.directive:form.FormController#$removeControl
* @methodOf ng.directive:form.FormController
*
* @description
* Deregister a control from the form.
*
* Input elements using ngModelController do this automatically when they are destroyed.
*/
form.$removeControl = function(control) {
if (control.$name && form[control.$name] === control) {
delete form[control.$name];
}
forEach(errors, function(queue, validationToken) {
form.$setValidity(validationToken, true, control);
});
arrayRemove(controls, control);
};
// Removed extra code
}
Как вы можете видеть, сама форма имеет массив controls
, доступный в частном порядке. Мне интересно, есть ли способ расширить FormController
, чтобы я мог сделать этот объект общедоступным? Или создать публичную функцию, чтобы я мог хотя бы просмотреть частный массив?