Я использую Angular с Bootstrap. Вот код для справки:

<form name="newUserForm" ng-submit="add()" class="" novalidate>
    <input type="text" class="input" ng-model="newUser.uname" placeholder="Twitter" ng-pattern="/^@[A-Za-z0-9_]{1,15}$/" required></td>
    <button type="submit" ng-disabled="newUserForm.$invalid" class="btn btn-add btn-primary">Add</button>
</form>

Bootstrap имеет стили для недопустимых полей в видеinput:invalid {.... }; они запускаются, когда поле пустое. Теперь у меня также есть некоторое сопоставление с образцом через Angular. Это создает странные случаи, когда «: invalid» выключен, но «.ng-invalid» включен, что потребует от меня повторной реализации классов начальной загрузки CSS для класса «.ng-invalid».

Я вижу два варианта, но возникают проблемы с обоими

Заставьте Angular использовать какое-то пользовательское имя класса вместо «ng-valid» (я не знаю, как это сделать).Отключить проверку html5 (я думал, что это то, что должен делать атрибут «novalidate» в теге формы, но по какой-то причине не смог заставить его работать).

Директивы Angular-Bootstrap там не касаются стиля.