Как в директиве сделать поддержку ngMessage если элемент формы не инпут?

Question

[Sergey Romanov]

У меня есть элемент формы. Это такой загрзчик файлов. Это целый маленький компонент. Но в виде директивы.

<div s3 options="options" ng-model="form.files"></div>

Все работает, и ngModel требую в директиве. Могу назначить
ngModel.$setValidity('upload', false);
Но вот только толку нет. Как я буду в ngMessage это ловить? ведь там что то типа

<div ng-messages="testForm.upload.$error">

Где upload это имя элемента. Но это должен быть или инпут или селект. А у меня ни то ни другое. Вот назначил я эту валидацию, а как теперь еето отловить?

Answer 1

[Сергей Протько]

ngMessages берет тупо выражение которое вы ему скармливаете.
form регистрирует контролы и забирает его имя из свойства $name, которое по умолчанию берется из атрибута name.

Вывод, можно:
- добавить атрибут name или data-name
- через ngModelController самостоятельно установить имя контрола

Comments

[Sergey Romanov]

Сергей, ну можно ж было предположить что я не знаю как это сделать если уж я задал вопрос.

К стати просто дать имя я пробовал. Но что то было безуспешно. Честно сказать эта ngModel в директиве мне крови попила. А как можно сделать через ngModelController?

[Сергей Протько]

Sergey Romanov: чисто теоретически так:

.directive('myCustomControl', function () {
    return {
        require: 'ngModel',
        link: function (scope, el, attrs, ngModelCtrl) {
            ngModelCtrl.$name = 'my-custom-name';
        }
    }
});

[Sergey Romanov]

Спасибо, заработало.

[Сергей Протько]

Sergey Romanov: ну вы там.... не знаю... имя то из атрибута какого берите а не просто так...

[Sergey Romanov]

Сергей Протько: Короче делал вот что

https://github.com/Serhioromano/angular-aws-s3-upload

Я все переделал. В процессе понял некоторые вещи. В начале у меня там было 3 директивы и шаблон основной директивы на 40 строк. Но это была проблема. В шаблоне все твитер бутстрап. А я хотел сделать универсально. Пересмотрел подход и сделал вообще без шаблона. То есть я попытался превратить этот компонент в небольшой фремворм, что бы он ни чего вообще не рисовал, только добавлял функционал который уже самомоу можно как угодно обработать.

Но заработало просто с name="". Ни знаю почему до этого не работало. В какой то момент, все просто стало работать.

[Сергей Протько]

Sergey Romanov: Гляну на днях, может даже пригодится.

Сразу скажу что все что косается непосредственно загрузки файла стоит вынести в сервис. Таким образом мы уменьшим код директивы существенно и сможем реюзать эту логику где-то еще.

[Sergey Romanov]

Сергей Протько: Ну в модуле я так и сделал. Загрузку сделал как сервис, но плюсь еще директива которая делает небольшой интерфейс который может отправлять прикрепленые файлы в сервис. Ну и плюс настроки, что бы не парится в коде у себя, просто опции устанавливаешь как будет себя вести, какие форматы файлво, максимальный размер на файл или на все файлы, обязательно или нет, и всякое такое. То есть директива берет на себя весь heavy lifting. А в совей программе только кодишь интерфейс. Как это будет выглядеть.