ngTagsInput问题与ng-invalid样式

Question

我正在使用https://github.com/mbenford/ngTagsInput 我创建了一个基本表单，其中包含url和tag-input字段。 由于它是必需的，我使用了属性min-tags =“1”

我将它与bootstrap stylehseet结合使用。

显示时，即使在提交表单之前，该字段也会显示红色阴影边框（因为它是空的）。这真的很烦人，有没有解决办法？

1. 仅在表单提交后验证字段？
2. 删除min-tags =“1”并找到另一种检查所需方面的方法。
3. 使用css放弃应用于此.ng-invalid .tags
的那些样式

谢谢

编辑： 示例代码：

<tags-input min-tags="1" ng-model="mytags"></tags-input>

做了一个吸虫：http://plnkr.co/edit/EQcYfr4vLpkeJESho3GL?p=preview

Answer 1

您只需使用自定义类来处理原始状态：

<强> CSS

.custom-tags.ng-pristine .tags {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  border: 1px solid #ccc
}

<强> HTML

<tags-input min-tags="1" ng-model="mytags" class="custom-tags"></tags-input>

Working Plunker

此外，Angular 1.3尚未获得官方支持。这在这里特别重要，因为如果使用该版本的框架，将无法正确设置原始状态和脏状态。