Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度材质-自动完成材质错误_Angular_Angular Material_Angular Material 6 - Fatal编程技术网

Angular 角度材质-自动完成材质错误

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

我在6.4.2中使用6,无法在自动完成上正确显示错误

我创建了一个stackblitz来向你展示这种行为,下面是

我的目标是按照预期在自动完成样式上显示错误

非常欢迎所有的帮助:)

先谢谢你

干杯,
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链接。你能看一下吗?很好的解决方法。这并不理想,但至少我们可以在字段下设置一个错误。把汽车漆成红色运气好吗?