Question

我对Angular很新。我使用Valdr验证我在Angular中的表单。我想在出现错误时在表单组中添加一些带有我自己的css的自定义类。

在Valdr的文档中，我发现这部分是关于CSS to control visibility的。它说我需要注入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版本。

Angular / Valdr - 将自定义类添加到valdr-form-group

1 个答案: