angularjs – Angular Material输入验证错误消息

前端之家收集整理的这篇文章主要介绍了angularjs – Angular Material输入验证错误消息前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用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")
我没有意识到ng-messages是一个单独的Angular模块.由于这是一个Node项目,我使用npm导入了角度消息
npm install -S angular-messages

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

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

……它有效!

猜你在找的Angularjs相关文章