angular - 如何在 Angular 2 的 Material 选择框中显示 md 错误?

标签 angular material-design angular-material angular2-forms

我在我的 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

关于angular - 如何在 Angular 2 的 Material 选择框中显示 md 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44675540/

相关文章:

angular - 将外部 JS 库导入到 Angular 2 CLI @NgModule

polymer - material.io 和 Polymer.js 的关系

angular - 找不到模块'@angular/cdk/clipboard

根据条件隐藏组件的干净方法是什么?

javascript - Ng-Sweet-Alert-2 中的 Angular Material 组件

javascript - Angular 中的 d3.js - 属性 'event' 在类型 'typeof import 上不存在

javascript - Angular 翻译器不工作

css - Google 的 Material Icon 字体是为抗锯齿设计的吗?

node.js - 使用 Nodemailer 时如何修复 "await is only valid in async function"错误

android - 是否可以向 MaterialDateRange Picker 添加页脚?