Я хочу привязать класс начальной загрузки 4 к полю формы

Question

Я просто хотел связать класс bootstrap4 "is-invalid", когда поле Angular формы недопустимо и затронуто. Для этого я попытался с =

<input type="text" #name class="form-control" [class.is-invalid]="name.invalid && name.touched" name="Name" [(ngModel)]='users.username'  required>

На самом деле эта форма касается обновления адреса, поэтому я уже связал имя пользователя с помощью ngModel, эта форма похожа на Amazon или flipkat, где вы можете редактировать свой адрес

Но используя, [class.is-invalid] = "name.invalid && name.touched" в приведенном выше коде не работает.

Answer 1

Попробуйте использовать #name="ngModel"

<input type="text" #name="ngModel" class="form-control" name="Name" required>
<small [class.d-none]='name.valid || name.untouched'>This field is required</small>