如何在Angular Material 2中使用<md-error>?

温内根

当所需的输入在Angular Material 2中无效时,我试图显示一条错误消息。Angular Material演示应用程序中有一个示例

<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>

预期结果

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

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>

弗雷德里克

您已添加MaterialModule到您的appModule吗?

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

更新:

md-error是一个尚未发布的新指令(自beta.2起),我想它可能会成为下一个版本的一部分。可以在这里找到更多信息:https : //github.com/angular/material2/pull/3560

同时您可以使用md-hint

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular Material-Angular 2中使用md-sidenav创建右侧Navbar

如何在Angular Material中使用<md-icon>?

如何在Angular Material中更改md图标的颜色?

Angular Material 2中的md-table

如何在Angular Material 2的md-table中创建子表?

如何在Angular Material拉伸的md按钮中使文本左对齐?

Angular Material 2 如何在 mouseleave 上关闭 md-menu

Angular Material 2:如何在编辑记录后刷新md-table?

如何在Angular Material中控制md-select下拉位置

如何在Angular Material中自定义md-select的弹出菜单?

Material2如何在mouseenter上打开md菜单

md-cell内的Angular Material 2内联按钮如何

Angular Material 2:如何设置md-grid-tile的样式?

如何使用Angular Material动态删除`md-tooltip`?

Angular Material 2中的md表不起作用

在 Angular 2 Material 中创建 md-card 作为链接

如何在Angular 4中使用Material Design图标?

Angular Material 2 md-input-container不起作用

更改“md-menu”的 Angular 2/4 Material 默认样式

更改Angular Material中的默认CSS以用于MD输入

Angular Material Design中md-slider的OnChange回调

Angular 4 Material 2 - 如何使用 MD-Gridlist 将标签从垂直更改为水平?

md-select Angular Material 2.0.0 beta 10 中的 md-option

如何在Angular Material中使用angular-fontawesome?

如何在Angular2 App中使用OverlayModule(angular2-material)

Angular Material 2-在单元测试的md-复选框中触发更改事件

使用moment.js更改Angular Material中的md-datepicker格式

使用moment.js更改Angular Material中的md-datepicker格式

如何在 Angular 的数据表中使用 Material Paginator?