Angular 角度材质-自动完成材质错误
我在6.4.2中使用6,无法在自动完成上正确显示错误 我创建了一个stackblitz来向你展示这种行为,下面是 我的目标是按照预期在自动完成样式上显示错误 非常欢迎所有的帮助:) 先谢谢你 干杯,Angular 角度材质-自动完成材质错误,angular,angular-material,angular-material-6,Angular,Angular Material,Angular Material 6,我在6.4.2中使用6,无法在自动完成上正确显示错误 我创建了一个stackblitz来向你展示这种行为,下面是 我的目标是按照预期在自动完成样式上显示错误 非常欢迎所有的帮助:) 先谢谢你 干杯, Marcelo您的输入从未处于错误状态,因此不会显示错误。这里的固定示例: 我刚刚添加了requiredvalidator来强制执行错误状态。如果您想应用一些自定义规则,请编写自定义验证器。不幸的是,我也遇到了同样的问题,我使用了一个解决方法 <mat-hint *ngIf="form.ge
Marcelo您的输入从未处于错误状态,因此不会显示错误。这里的固定示例:
我刚刚添加了
required
validator来强制执行错误状态。如果您想应用一些自定义规则,请编写自定义验证器。不幸的是,我也遇到了同样的问题,我使用了一个解决方法
<mat-hint *ngIf="form.get('x').hasError('error')" i18n><span class="mat-error">Please choose a X</span></mat-hint>
请选择一个X
这一款对我很有用:
(我用它在占位符点的mat自动完成表单字段上显示动态错误
如果没有错误-占位符应保留)
在您的HTML上:
[placeholder]="isPlaceHolderShowError('myFormControlName')"
在您的TS上:
isPlaceHolderShowError(myFormControlName) {
if (this.form.controls[myFormControlName].invalid && this.form.controls[myFormControlName].touched) {
return 'this is my error text'
}
return 'this is the initial placehloder'
}嗨,安东尼奥斯,谢谢你的回答。我忘了在代码中添加FormArray部分,我刚刚更新了stackblizt链接。你能看一下吗?很好的解决方法。这并不理想,但至少我们可以在字段下设置一个错误。把汽车漆成红色运气好吗?