Angular/Valdr - Добавление пользовательских классов в valdr-form-group

Question

Я довольно новичок в Angular. Я использую Valdr для проверки моих форм в Angular. Я хочу добавить несколько пользовательских классов с моим собственным CSS в группу форм при возникновении ошибки.

В документации Valdr я нашел эту часть о CSS для управления видимостью. Это говорит о том, что мне нужно ввести valdrClasses и переопределить значения. Но при каждой попытке я получаю ошибку. Я пытался добавить его в качестве модуля / поставщика, но ничего не работает.

Мой код без valdrClasses:

angular.module('validators', ['valdr'])
  .config(function (valdrProvider, valdrMessageProvider) {
    valdrProvider.addConstraints({
      'User': {
        'name': {
          'required': {
            'message': 'Name is required.'
          }
        },
        'email': {
          'required': {
            'message': 'Email is required.'
          },
          'email': {
            'message': 'Must be a valid e-mail address.'
          }
        }
      }
    });

    valdrMessageProvider.setTemplate('<div class="help-block">{{ violation.message }}</div>');

  });

Может ли кто-нибудь помочь мне в правильном направлении? Потому что я понятия не имею, как вводить и настраивать классы CSS.

Answer 1

Введите valdr обслуживать, например, контроллер или в блоке выполнения и использовать функцию setClasses,

Например, если вы хотите переопределить только invalid:

app.run(function(valdr) {

  valdr.setClasses({
    invalid: 'my-invalid-class'
  });
});

Демонстрация: http://plnkr.co/edit/otLvNqXjRiJ4CGl8gDlu?p=preview

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