我想将 class of bootstrap 4 绑定到表单字段
I want to bind a class of bootstrap 4 to the form field
我只是想绑定 bootstrap4 class "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" 不起作用。
尝试使用#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>
我只是想绑定 bootstrap4 class "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" 不起作用。
尝试使用#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>