问题标签 [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 回答
499 浏览

angularjs - 如何在提交或失去焦点时显示 ng-message 而没有精确的某些按钮点击(取消按钮)

我在一个对话框上有一些输入字段和一个提交,一个取消按钮。我使用 ng-message 来显示输入是错误的。但是,当我使用 ng-click="$dismiss()" 单击取消以禁用对话框时,会显示 ng-message 并且操作di​​smiss() 会终止。对我解决案件的一些建议

0 投票
3 回答
2183 浏览

angularjs - Angular - 在用户编辑字段后触发消息 onBlur

和其他人一样,我一直在寻找一种使用 Angular 验证表单的好方法,而且消息不会过于激进。我得到的最接近的是在触发消息之前检查 $dirty 和 $touched 。这适用于大多数情况。

我无法弄清楚的一种情况是用户编辑时,例如,必填字段。该字段中有文本,是有效的、脏的和被触摸的。用户返回该字段进行更改。他们退格输入中的内容并立即触发消息,因为输入现在是脏的、触摸的和无效的。我宁愿它在那时“重置”并重新评估用户何时再次模糊输入。让他们有机会在输入仍然集中时填写输入。

有道理?有任何想法吗?

谢谢!马特

0 投票
1 回答
368 浏览

angularjs - Angular/ngMessages - 参数化消息

我正在使用 ngMessages (Angular 1.47) 来显示自定义验证消息。我有这个工作,以及我在一个单独的 HTML 文件中的消息,该文件是通过 ng-message-include 引入的。

我想验证一个字段是否在一个范围内(这是有效的)然后显示一条包含该范围的消息。范围本身来自数据库,并且会根据选择的内容而有所不同。设置这个的任何指针?我不确定将这些值放在哪里。另外,我有一些我想像这样设置的字段。

0 投票
3 回答
3324 浏览

angularjs - Angular - ng-messages 中的多个字段

我正在使用ng-messages并想知道是否可以在一个代码块中检查多个字段,而不必重复:

所以我有:(注意checkCustom是我写的自定义指令)

但是我更喜欢这样的东西:

这样的事情可能吗?

谢谢

0 投票
1 回答
214 浏览

angularjs - 在 ngRepeat 中需要 SELECT 的 ID,但得到“语法错误:标记 '{' 列 ## 的键无效”“

我正在使用 ng-repeat 生成一组选择。大多数情况下,它都有效。

现在我正在尝试设置 ngMessages 以显示检查重复选择的自定义指令的错误,并将该 SELECT 设置为无效。

但是,ngMessages 指令属性不喜欢 Form1.Select_{{$index}} 语法。这应该解析为 Form1.SELECT_0 等。注意,这个 sytnax 在 ng-show 属性中起作用。我如何让它为 ngMessages 工作?我需要将 ngMessages 设置为元素 $error 数组。

0 投票
3 回答
923 浏览

javascript - 使用带有动态字段名称的 ng-messages

我有一个使用 ng-repeat 显示的字段列表。输入字段的名称是动态的。使用动态名称时如何让 ng-messages 工作?以下是我尝试过的,但这不起作用:

0 投票
2 回答
244 浏览

javascript - 使用 ng-messages 验证动态表单

我正在尝试创建一堆可重用的组件,主要是表单控件。

出于这个原因,我相信(也许有不同的方法?)我需要为ng-form指令创建动态名称,这样它就不会覆盖ng-form同一范围内的另一个。

问题是我无法进行验证,因为表达式不适用于ng-messages.

下面是一个非常简化的演示(对于长模板字符串感到抱歉,找不到更好的方法将其添加到 stacksnippets 中),只有一个指令实例,没有其他父范围。但在实际场景中,它们会在那里,所以我正在动态创建表单名称。

如您所见,我正在使用$id带前缀的范围创建表单名称fg_。但它不起作用ng-messages="fg_$id.$error"ng-messages="fg_{{$id}}.$error"引发错误。

这样做的正确方法是什么,或者如果不是,我们如何绕过它?


PS:我读过这个问题,一些类似的问题和文章,但没有一个回答这个简单的场景

0 投票
1 回答
383 浏览

angularjs - ng-messages asyncValidators

我正在尝试编写指令来验证服务器上是否存在用户名。如果存在,我想通过 ng-messages 显示错误。但由于某种原因,错误没有显示出来。我检查了服务器响应,它返回了正确的值,但看起来验证器无法解析承诺左右......

任何想法为什么它不起作用?感谢您的任何帮助

0 投票
2 回答
44 浏览

javascript - 尝试使用 Angular.js 显示验证消息时出错

尝试使用 Angular.js 显示验证消息时出现以下错误。

错误:

我在下面解释我的代码。

在这里,当我添加此验证消息时<div class="help-block" ng-messages="billdata.upload_{{$index}}.$error" ng-if="billdata.upload_{{$index}}.$touched">,它会引发上述错误。请帮助我解决此错误。

0 投票
2 回答
37 浏览

javascript - 将表单填充到要与 ngMessages 一起使用的 templateURL

我是 Angular 的新手,我正在尝试指令。

我希望能够使用

在这样的自定义指令中,

我可以通过在指令元素下方但不在其中传递使用 ng-messages 来使其工作。

虽然我真的不知道如何将表单传递给模板,以便 ng-messages 可以访问它。

我已经设置了一个 plunker 来向您展示我的基本设置。

http://plnkr.co/edit/ELx6Fd2eLN4CJjEnzRGM?p=preview

我知道我需要使用表单,require: '^form',尽管我不确定如何在模板 URL 中使用/访问。

我已经敲了一段时间的头,所以非常感谢一些帮助!谢谢。