问题标签 [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 投票
3 回答
2048 浏览

angularjs - 仅在焦点字段脏时显示/隐藏 ng-messages 包装器

仅当目标中的字段脏并包含错误时,我才尝试显示/隐藏我的 ng-messages div...

我有这个 ng-messages 包装器:

我的表格是:

在我的例子中, div ng-messages 容器显示了任何字段$dirty何时是以及 form(changePwd) 何时是$invalid

我希望 ng-messages 仅在焦点字段脏且无效时显示,而不是在全局表单脏时显示。

例如,当我开始在 inpu(o) 中写一些东西时,ng-messages 显示...

ng-messages 显示不应该显示的时间

我做错了什么吗?

0 投票
1 回答
578 浏览

angularjs - 当动画正在进行时 $error 发生变化时,ng-message 消失

我有一个带有自定义异步验证器的表单。我认识到有时即使输入字段中的值无效,错误消息也会消失。

我能够使用普通验证器重现该问题:codepen 示例

HTML:

JS:

当我输入一个值时,错误消息正确出现并消失。但是当我快速输入时,即使输入无效,错误消息也会消失。似乎在错误消息的动画仍在进行中时 $error 值发生更改时会出现问题。

是不是我做错了什么?

0 投票
0 回答
546 浏览

javascript - Angularjs - 在ng-file-upload中清除文件(使用引导文件输入)后,ng-messages不刷新

有没有办法真正从文件输入中删除\删除文件?示例:我选择了文件,我收到客户端错误(maxSize),显示 ng-messages,但在我删除文件后,ng-messages 仍然显示,当我将数据发送到服务器时,他仍然发送已删除的文件。

即使我选择其他文件,我仍然会看到错误消息。

我认为问题是模型没有更新,有没有办法解决它?我使用最新版本的 Angularjs 1.4.4

代码:

问候,戈南。

0 投票
2 回答
741 浏览

angularjs - angular-messages 嵌套指令,如何使其与其他指令一起使用

我正在使用 AngularJS 来发现它的强大功能,但我不得不承认文档不是很发达,所以我在这里向社区询问我在嵌套指令方面面临的问题。

我更多的是寻找原因(以及我做错了什么的解释)而不是完成的解决方案。

所以事情就是这样(我正在使用角度消息,但我认为这并不重要,因为这个问题对于任何指令都是常见的):

为了快速更改错误管理,我决定将管理器(此处为 angular-messages)封装到指令中,因此要在表单上显示我的错误,我会这样做:

您肯定知道,它不起作用,模板中根本不包含默认错误。我在预/后编译功能和链接上尝试了很多组合,但没有成功。我认为这是编译优先级的问题,也许 ng-messages-include 应该是最后一个编译但不知道如何编译,提前谢谢

0 投票
2 回答
1524 浏览

angularjs - 使用 ng 消息和打字稿的自定义验证指令

我正在尝试构建一个具有自定义验证指令并使用 ng-messages 显示它们的模块

验证是通过正则表达式完成的。

我看到的错误是:

错误:找不到指令“ngMessage”所需的 [$compile:ctreq] 控制器“ngMessages”!

我的代码如下所示:

验证指令:

在我的html中:

我的应用模块:

我的控制器太长,无法在此处发布,但它没有注入 ngMessages(我也尝试使用静态注入 --> 不起作用)

显然我做错了什么,但我不知道是什么。(这是我之前遇到的问题的继续)

0 投票
2 回答
2641 浏览

javascript - 如何在模糊时触发 ng 消息?

情况:

我的 Angular 应用程序中有许多表单,我需要一个有效的错误消息系统。我发现ngMessages很有用。

但我希望只有当用户模糊某个字段时才会出现错误消息,以减少“攻击性”。

试图:

尝试在 1000 毫秒使用去抖动

这样,如果用户一秒钟内没有输入任何内容,它将正确显示错误消息。是我最接近我想要的东西。

但有时对于某些用户而言,键入字符 @ 可能需要超过 1 秒的时间。错误消息可能会突然出现并使用户感到困惑。

但是如果我将去抖动时间设置为 2 或 3 秒就太长了。当用户已经在另一个字段中写入时,它可能会出现。

我需要仅在用户模糊出字段后才会触发错误消息。

问题:

我如何在模糊时触发 ngMessages?

0 投票
3 回答
1694 浏览

angularjs - 如何使用 AngularJS 在屏幕上显示来自 REST 服务的验证消息?

我有一个这样的控制器:

我的服务是这样的:

如果我发送一个空表单,我的 REST 服务会进行验证并返回 (RESPONSE) 一个 JSON,如下所示:

我想知道如何在各个字段下方显示这些消息?

下面是我的 HTML 代码:

编辑

寻找 ngMessages,我将 DIV 的消息更改为:

messages.html 文件是这样的:

我更改了控制器以在必要时显示验证消息:

现在的问题是,在再次提交表单后,先前的验证消息仍保留在屏幕上,并更改此字段的内容以使其变为有效,即使其他字段出错。

每次发送表单数据时如何清除控制器上的这些消息?

0 投票
1 回答
140 浏览

css - 升级角度消息会影响我的布局

这是我的登录表单的屏幕截图:

在此处输入图像描述

但是在我升级angular-message到 1.4 及以上版本后,布局变为:

在此处输入图像描述

我的源代码:

可能是什么原因?有人可以建议吗?谢谢。

0 投票
1 回答
1502 浏览

forms - 角js | 表单验证 | ngMessages 不显示错误消息

我会得到错误,比如字段变红,显示字符数变红。但是没有显示错误信息。在控制台中没有发现错误。我还添加了 angular-1.3.4 ngMessages 依赖项。请帮忙。

0 投票
1 回答
298 浏览

javascript - Angularjs | 使用 $compile 从指令加载 html 时,ng-message 未显示错误消息

我正在通过 json 中的 ng-repeat 创建动态。

我的 form.html

所以基本上我正在通过指令加载每种类型的字段(文本框/收音机/下拉/电子邮件等)html槽循环。我正在使用 $compile 和链接器加载这些小 HTML。一切都很好,甚至验证也是如此。我能够根据表单验证启用/禁用提交按钮,除了ng-message。如果我不使用这样的指令

一切正常,包括 ng-message。我也可以看到错误消息。如果我使用指令,ng-message 有什么问题。请帮忙。