ngTagsВнимание проблемы с ng-недопустимым стилем

Question

Я использую https://github.com/mbenford/ngTagsInput.
Я создал базовую форму с URL-адресом и полем ввода тега, которое требуется. Так как это необходимо, я использовал атрибут min-tags = "1"

Я использовал его в соединении с bootstrap stylehseet.

При отображении поле появляется с красной границей тени (поскольку оно пуст), даже перед отправкой формы. Это действительно раздражает, есть ли какое-нибудь обходное решение?

1. Подтвердить почту только после подачи формы?
2. Удаление min-tags = "1" и поиск другого способа проверить требуемый аспект.
3. Играя с CSS, чтобы отбрасывать эти стили применяются к этому .ng-инвалид .tags

благодарю вас

Edit: пример кода:

<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> 

Working Plunker

Кроме того, Угловое 1,3 официально не поддерживается. Это особенно важно здесь, потому что как исходные, так и грязные состояния не будут правильно установлены, если вы используете эту версию фреймворка.