我想将一类引导程序4绑定到表单字段

Question

我只想在Angular表单字段无效并被触摸时将bootstrap4类绑定为“ is-invalid”。 为此，我尝试了=

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