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

angularjs - 从 $scope 访问 ng-message

我为验证消息定义了一个模板:

这是我的表格:

现在我想访问控制器中的验证消息,如下所示:

可能吗 ?

0 投票
1 回答
665 浏览

javascript - AngularJS 表单:formName.$valid 始终为真

我的 Angular 应用程序中有一个表单,html 代码如下,但即使输入字段为空白,formName.$valid 也始终为真。

有人可以帮我吗?

0 投票
1 回答
631 浏览

angularjs - 使用 ngMessage 的表单验证仅在加载时显示错误

这是我的表格

我的行为很奇怪。当我的表单加载时,当页面只加载任何内容时,这将向您显示“这是必需的”错误。当我输入一些东西时,消息不会消失它只会在那里。

我不知道我在这里做错了什么。请让我知道我该如何解决。

0 投票
1 回答
136 浏览

javascript - ngMessages 无法与嵌套输入一起正常工作

我有一个嵌套在另一个<div>元素中的输入字段,我试图在该输入字段上使用 ngMessages,但我似乎无法正确验证它。

我不确定它在<div ng-messages...>标签所在的功能方面是否重要,但我也尝试过将它完全放在这个元素之外并获得相同的结果。如果我正确理解 Angular 和 ngMessages,我需要分配ng-messages一个指令$error——在这种情况下——我通过点遍历name分配得到。据我所知,我已经使用 来完成此操作idnumber.$error,但公平地说,我还尝试使用 进行更广泛的点遍历kiosk-form.uin.$error,其中kiosk-form是整个表单的名称。

我都试过ng-message="pattern"ng-message="required"。此外,为了清楚起见,idpattern在我的 Javascript 文件中定义为正则表达式字符串。它定义正确。

0 投票
0 回答
848 浏览

angularjs - ngMessages 根据最大​​或最小属性显示输入数字的动态错误

我一直在尝试查找有关如何使用角度验证来显示消息但具有特定 min 或 max 属性的信息。

如果我有一个具有类似orinput[type="number"]属性的字段并且用户输入我想要一条验证消息,上面写着:。但是数字应该从属性中动态获取。min=1max=1011"The number should be less than 10"10max

我想将消息放在单独的模板中。我有以下内容:

然后以一种形式

问题是显示的错误是This number must be less than .{{max}} 没有被注入。有什么方法可以实现这一点,以便我可以重用 common-messages 模板?

PS:这个线程How to get min and max values of input angularjs对我的问题没有用,因为它不重用模板,也不从html输入max属性中读取。

0 投票
3 回答
924 浏览

angularjs - ng-消息没有正确显示消息

我正在使用 Angular js 进行验证,并尝试通过 ng-message 指令显示错误消息。但我的问题是,在我的表单中,当我输入任何错误输入时,它第一次不显示消息,当我单击表单外的任何位置时,只显示消息。我还希望当错误被删除时,原始标签应该出现. 但是这里一旦显示错误消息,标签就不会出现在我的表单中。我正在使用以下代码进行验证-

我在这里创建了一个 plunker - https://plnkr.co/edit/tYDdIs8ZhrdjSko68Wkh?p=preview

任何人都可以帮助我验证我失踪的地方吗?

0 投票
1 回答
1141 浏览

javascript - 第二次验证时 ng-messages 和 ui-mask 冲突

我在使用 ng-messages 和 ui-mask 时遇到了一个棘手的问题。乍一看,两者都工作正常,当我第一次检查一个字段时,它会按原样显示消息,但是在我更正问题然后将其更改为另一个错误模式后,它将显示该字段无效,但不会显示消息。

只是为了澄清场景:

1- 我将电话输入字段留空 2- 它显示预期的消息 + 将字段留为红色(form.error 已打开)不允许提交 3- 我将输入字段更改为有效格式 4- 消息+ 错误消失 5- 我再次将输入字段更改为空白 6- 它使该字段保持红色(form.error 已打开)但消息不会出现

我正在使用最新版本的 ui-mask 并且 ng-message 包含在 angular-material 中(v1.0.9^)

有什么想法吗?

编辑:通过进一步调查,我意识到它与 ui-mask 无关,这似乎只是 ng-messages 的问题。myForm.name.$error 被触发为“必需”,但 div:

不会显示。

0 投票
2 回答
864 浏览

javascript - 使用按钮验证 ng 消息

我试图弄清楚如何通过单击按钮来使用 ng-message。我发现的大多数文档都会根据输入而不是按钮自动显示错误消息。我会改变什么,以便在单击按钮后显示 ng-messages。这是我的代码

0 投票
1 回答
341 浏览

javascript - Angular ngMessages - 访问多个表单值

我正在尝试向 Angular 的 ngMessages 添加自定义验证功能。

具体来说,我希望几个输入的值(输入的数量是动态的,但现在坚持使用 2)总计 100。

我创建了一个名为的新指令totalOneHundred,它触发表单更改,但我无法弄清楚如何从link:回调中访问其他表单值。

我在下面发布了我的代码。有什么我想念的吗?此外,如果有更好的方法来实现这一点(例如sum(),控制器中的一个函数和一个ng-show),请给我打电话。

谢谢你的帮助。

表格:

指令:

0 投票
1 回答
240 浏览

angularjs - 模糊的角度消息验证文件

ng-message如果我在一个额外的文件中定义它,有没有办法定义在模糊时显示?

例如,我定义了以下额外的ng-messages错误文件:

我想要做的是,显示ng-message唯一的模糊,如:

要使用ng-show我需要表单、输入和事件名称。我可以在额外的错误文件中以某种方式模拟它吗?例如使用一些占位符,比如使用 Windows:$DIR$或类似的东西?