问题标签 [ng-messages]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1227 浏览

angularjs - 角度材料 - 手动设置输入错误时应用错误类延迟

我有一个用户名输入,并且通过ng-messages有一个自定义错误消息“用户名已被占用” 。我设法手动添加并显示错误消息,但问题是“错误类”(或在错误时将角度材料输入变为红色的东西)是某种“延迟”。我设置了错误,然后显示错误消息,但没有应用错误类。我更改了用户名值(这将根据我的自定义函数将错误设置为 false)然后错误消息消失,但这次应用了错误类。

为了告诉你我的问题是什么,这是一个plunkr

- 编辑 -

有人给了我想法,我只需要在输入时手动设置错误类,但是以角度材料自己的方式。只需将 md-is-error 放在 md-input-container 上,并在控制器中手动设置输入的有效性

这是一个更新的plunkr

0 投票
2 回答
1229 浏览

angularjs - 如何在 ng-message 中获取 ng-maxlength 的长度值

在 ng-message 的消息中,如何获取在 ng-maxlength 中输入的值?
例如:

0 投票
0 回答
976 浏览

angularjs - 如何将值传递给 ng-messages 中的消息?

我使用 ng-messages 编写了一个自定义验证。例如这里是一个大于验证:

这是我的消息div

如何传递numberto 消息内容?

Edit:

用法如下:

0 投票
1 回答
414 浏览

angularjs - 如何在 ngMessages 中使用 ngAnimate?

我有一个 AngularJS 表单,我想在错误消息上使用动画。这是我现在拥有的当前代码:

我已经设法使用动画,form-err但是我想在元素变为“活动”时以不同的方式为<i>元素和元素设置动画。<span>form-error

现在它正在同时为它们两个设置动画。

知道如何为它们一一设置动画吗?

0 投票
1 回答
729 浏览

angularjs - ng-message 不适用于选择框

我有一个材料设计选择,我正在尝试使用 ng-message 验证它

我的表单名称是editForm。我对输入框使用相同的场景,它工作正常。我不知道为什么它不适用于选择框。谢谢你们的支持

0 投票
0 回答
408 浏览

angularjs - 如何在angularjs的表单标题中显示所有错误消息

我需要在表单顶部显示所有消息,并且需要为电子邮件和电话号码等字段实现自定义错误。

索引.html

所有错误信息都需要在这里显示

消息.html

我正在寻找任何可能的解决方案或对其他可能解决方案的参考。

原因:我在为此(菜鸟)实施单元测试时发现困难,所以我认为单个错误消息可以使测试变得容易。谢谢!

0 投票
1 回答
676 浏览

angularjs - ng-messages-include 指令不显示消息

我希望有人能告诉我我在使用 ngMessages 指令时做错了什么。我正在使用的代码是:

我在这里创建了一个 plunk ng-messages-include plunk

一直在这几个小时。谢谢

0 投票
0 回答
921 浏览

angularjs - ngMessages:使用 AngularJS 验证电子邮件

我只想用 AngularJS 和 ngMessages 验证电子邮件字段。

我想要 3 个验证规则:

  • 必需的
  • 最长长度
  • 电子邮件

我想显示错误消息 + 错误边框,Required并且Maxlength当验证在这些术语中的任何一个上失败并且输入字段为时。

同时,我想Email在验证失败并且仅触摸输入字段时显示错误消息+错误边框。如果它很脏,我不想显示电子邮件错误消息,因为这对最终用户来说很烦人。

这是我的代码:

但是它不起作用。

谁能帮我这个?

0 投票
0 回答
624 浏览

angularjs - md-autocomplete 中的 ng-message 以错误的样式显示并与输入字段重叠

我有一个 md-autocomplete,里面有 ng-messages:

md-autocomplete 在表单内,一切正常,除了错误消息与输入字段和标签重叠:

在此处输入图像描述

在检查 DOM 时,我发现里面<md-autocomple-wrap><md-input-container>一个flex类: 在此处输入图像描述

如果我删除该类,则消息将转到正确的位置: 在此处输入图像描述

我可以看到md-autocomplete有关 angular-material 演示的示例运行良好,我正在按照他们的示例进行操作。我在这里想念什么?

0 投票
1 回答
146 浏览

angularjs - 在 angularjs 中,如果电子邮件已经存在,则根据服务器的布尔返回显示 ng-message。

在注册期间,当通过 ajax 调用提交表单并且来自服务器的响应为布尔格式时..如何处理来自服务器的布尔值以显示 ng-message 指示电子邮件已注册..尝试 ng-show 不起作用。 ..