Я совершенно новый с Angular, и я пытаюсь создать регистрационную форму, используя Angular и Bootstrap 4.
В результате я хотел бы использовать стили Bootstrap с валидацией Angular. Точнее, при проверке формы Angular применяет стили (ng- допустимо, ng- недействительно и т.д.) В двух разных местах: элемент ввода и элемент формы.
Два вопроса:
1) Поскольку Bootstrap использует "has-danger" и "has-success" вместо "ng- [in] valid", можно настроить угловое использование этих стилей вместо стандартного. В настоящее время я рассматриваю возможность расширения бутстрапа путем добавления угловых стилей (с @extend имеет-опасность/успех)
2) Угловая применяет стиль к элементам ввода и формы, тогда как bootstrap ожидает его на элементе группы форм. Возможно ли иметь угловой стиль вместо этого вместо элемента ввода (или обоих?)
Я использую реактивные формы, и я бы хотел избежать таких вещей, как (не тестировалось):
<form>
<div class="form-group" [class.has-error]="!fg.get('username').valid" [class.has-success]="fg.get('username').valid">
<label>Username</label>
<input formControlName="username" type="text"/>
</div>
</form>
Есть ли простой способ (не слишком многословный) достижения этого?