Angular Material 输入验证错误消息

Posted

技术标签:

【中文标题】Angular Material 输入验证错误消息【英文标题】:Angular Material input validation error messages 【发布时间】:2015-09-19 09:21:15 【问题描述】:

我正在尝试使用 Angular-Material 编写应用程序,并且我有一个表单,其中包含一些需要输入验证的必填字段。我尝试按照the angular-material page under errors中的示例进行操作,但是当我在浏览器中查看代码时,即使在字段中输入了内容,错误消息仍然会出现

我的玉模板是这样的:

form(name="accountForm")
    div(layout="row",layout-sm="column")
        md-input-container
            label Name
            input(name="acctName",ng-model="account.name",required)
            div(ng-messages="accountForm.acctName.$error")
                div(ng-message="required")

【问题讨论】:

【参考方案1】:

我没有意识到 ng-messages 是一个单独的 Angular 模块。由于这是一个 Node 项目,我使用 npm 导入了 Angular 消息

npm install -S angular-messages

然后我修改了我的角度模块代码

var app = angular.module('MyApp', ['ngMaterial', 'ngMessages']);

...它成功了!

【讨论】:

谢谢你救了我的命。 我最崇高的敬意!坐在上面几个小时。

以上是关于Angular Material 输入验证错误消息的主要内容,如果未能解决你的问题,请参考以下文章

Angular2 Material:Angular 材质输入的自定义验证

Angular Material 2:修复多行错误消息

验证失败时阻止表单提交(Angular Material)

如何在 Angular Material 中创建自定义输入错误

AngularDart 中带有验证和错误消息的材料输入

Angular 2 / Material - 应用到父 FormGroup 的自定义验证器未显示 md 错误