Question

我是Angular JS的新手。我正在写一个登录表单。当用户单击提交按钮且用户名字段为空时，要求显示自定义消息。

      <md-input-container>
            <label>{{::vm.labels.username}}</label>
            <input ng-model="vm.oLoginData.sUsername" **required**>
        </md-input-container>
        <md-input-container>

点击提交按钮一切都很好我会在提交的文件中弹出＃34;请填写此字段＆＃34;。我的问题是有没有办法自定义消息？如果是这样的话。任何帮助都会很有帮助

Answer 1

检查演示：JSFiddle。

使用类似：

<div ng-show="vm.oLoginData.sUsername.$dirty && vm.oLoginData.sUsername.$invalid">
     The user name is required. Please fill in.
</div>

Answer 2

您可以尝试plnkr链接中的代码 http://plnkr.co/edit/ngSZN9wjOzVItbf3QU4D?p=preview

我正在强调代码的主要部分在Angular之后加载模块，然后将其注入我们的应用程序。

{{1}}

Answer 3

看看是否有效，

<span ng-show="name.$error.nameblank">Username Field cannot be blank</span>

在你使用的指令中，

ngModel.$setValidity("nameblank",false);

试一试。

验证中的Angular JS

3 个答案: