如何在角度2中的材质选择框中显示md-error？

发布时间：2020-12-17 16:59:53 所属栏目：安全来源：网络整理

导读：我在angular 2项目中使用反应式表单进行验证.我想突出显示按下“提交”时无效的字段.我通过使用md-Error在输入标签中实现了这一点,但我无法在md-Select中执行此操作.有人可以帮忙吗？截图：http://i.imgur.com/uOQbwaZ.png 这是我正在使用的md-select的示例

我在angular 2项目中使用反应式表单进行验证.我想突出显示按下“提交”时无效的字段.我通过使用md-Error在输入标签中实现了这一点,但我无法在md-Select中执行此操作.有人可以帮忙吗？

截图：http://i.imgur.com/uOQbwaZ.png

这是我正在使用的md-select的示例：

<md-select placeholder="Listing Type" formControlName='listingType' required >
              <md-option *ngFor="let type of listType" [value]="type">
                {{ type }}
              </md-option>
            </md-select>

这是我正在使用的md输入：

<md-input-container class="more-width">
              <input mdInput formControlName='price' required placeholder="Price">
              <md-error>Please Enter Price</md-error>
            </md-input-container>

这是我正在申请的验证

this.listingForm = this.fb.group({
      propertyType: ['',Validators.required]
})

解决方法

您可以在框下方显示红线,但目前没有错误消息.我认为这是一个即将到来的功能. Issue on Github

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!