Angular Material 输入验证错误消息

Question

我正在尝试使用 Angular-Material 编写一个应用程序，我有一个表单，其中包含一些需要输入验证的必填字段。我尝试按照 the angular-material page under errors 中的示例进行操作，但是当我在浏览器中查看代码时，即使在字段

中输入内容，错误消息仍然会出现

我的 jade 模板是这样的：

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

Answer 1

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

导入了 angular 消息

npm install -S angular-messages

然后我修改了我的angular模块代码

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

... 成功了！

Angular Material 输入验证错误消息

Angular Material input validation error messages

angularjs

validation

binding

pug

angular-material