почему средство выбора даты не показывает красную рамку в angularjs + bootstrap?

Question

Я использую angularjs с начальной загрузкой. У меня есть одно недопустимое поле в форме. Мне нужно сделать его красным, когда оно недопустимо (текст становится красным). В начальной загрузке есть класс .has-error

http://getbootstrap.com/docs/3.3/css/#callout-form-validation-state-accessibility

вот мой код http://plnkr.co/edit/neixp9ZARRAQ33gKSV9u?p=preview

Мое поле недействительно , но рамка не красная, а текст не красный, почему?

Answer 1

Вы нигде не определили, что должно произойти, если поле недействительно.

Angular добавляет класс "ng-invalid", когда поле не корректно, поэтому вы можете добавить этот код в css, чтобы получить красную рамку, когда ввод неправильный:

.form-control.ng-invalid {
    border: 1px solid red;
}

Answer 2

Вам нужно изменить класс внутри диапазона, вместо help-block укажите text-danger. Это класс из начальной загрузки, ссылающийся на недопустимое поле.

<span id="" ng-if="userForm[key].$invalid" class="text-danger" style="margin-bottom:0">Invalid date </span>