NGTAGSINPUT问题带有NG-Invalid样式

Question

我正在使用https://github.com/mbenford/ngtagsinput。
我创建了一个带有URL和标签输入字段的基本表单。由于需要，我使用了属性min-tag =" 1"

我与Bootstrap StyleHSeet一起使用了它。

显示时，该字段以红色阴影边框出现（因为它是空的），甚至在表格的任何提交之前。这真的很烦人，有能力解决吗？

1. 仅在表单提交后才验证该字段？
2. 删除min-tags =" 1"，找到另一种检查所需方面的方法。
3. 与CSS一起丢弃应用于此.NG-Invalid .tags的这些样式

谢谢

编辑：示例代码：

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

已经完成了一个plunker：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>

工作plunker

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