如何在Angular Material2中使用<md-error>？

Question

我试图在 Angular Material 中要求的输入无效时显示错误消息 2. Angular Material demo app 中有一个示例：

<form novalidate>
  <h4>Inside a form</h4>

  <md-input-container>
    <input mdInput name="example" placeholder="example"
      [(ngModel)]="errorMessageExample3" required>
    <md-error>This field is required</md-error>
  </md-input-container>

  <button color="primary" md-raised-button>Submit</button>
</form>

Expected result

不幸的是，当我尝试做同样的事情时，我得到：

Unhandled Promise rejection: Template parse errors:
'md-error' is not a known element:
1. If 'md-error' is an Angular component, then verify that it is part 
   of this module.
2. If 'md-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' 
   to the '@NgModule.schemas' of this component to suppress this message.

我应该怎么做才能使用 <md-error>？

Answer 1

您是否已将 MaterialModule 添加到您的 appModule？

即

@NgModule({
    imports: [
        ...
        MaterialModule
    ],
    ...
})

更新：

md-error 是一个尚未发布的新指令（截至 beta.2），我猜它可能会成为下一个版本的一部分。可以在此处找到更多信息：https://github.com/angular/material2/pull/3560

同时您可以使用 md-hint。

如何在Angular Material2中使用<md-error>？

How to use <md-error> in Angular Material 2?

angular-material

angular-material2

angular