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

html - 使用 ngMessages 和 ngShow 闪烁

在带有required-validation 的表单上,ng-messages我用来ng-show在启动时隐藏指令,仅在输入 get 后显示错误消息ng-dirty

为了保持元素在布局中填充它的空间,我遵循 css 规则来覆盖默认ng-hide行为:

当我现在在输入字段中输入文本时,错误消息很快就会显示,然后再次隐藏(由于填写了必填字段)。不知何故,感觉就像ng-dirty在表单验证完成之前解决了,导致了这种行为。

看到这个小提琴

或查看

代码:

0 投票
2 回答
75 浏览

javascript - Updated Angular version causes error on ngMessages

I updated AngularJs version from 1.3 to 1.4. It causes an error as,

Syntax Error: Token '{' invalid key at column 2 of the expression
[{{frmname}}.emailAddress.$error] starting at [{frmname}}.emailAddress.$error].

It works perfectly in Angular 1.3

FIDDLE

0 投票
1 回答
607 浏览

javascript - 我可以手动触发 ngMessages 验证吗?

我有一个带有自定义验证器和 ng-messages 的输入字段来显示验证消息。

自定义验证器很简单:

对于其他一些事件,我想手动触发验证,也很简单

这将触发我的自定义验证器,这将再次验证数字,form.*.$error对象也将被更新,但 ngMessages 不会反映,验证消息不会以某种方式更新:/

任何的想法?

编辑:当我在该行中输入下一个输入时,ngMessages 将启动该输入和电话号码输入,并且视图已更新,但为时已晚,就像它会省略一个周期来更新视图一样

0 投票
1 回答
182 浏览

javascript - 具有预定义开始和结束模式的正则表达式

我的正则表达式模式必须以 /* 开头并且必须以 */ 结尾;在这之间,它可能包含所有字母、数字、特殊字符 - 零次或多次。

我为此做了以下正则表达式:

但是此表达式不会显示以下模式的错误:

  1. /*
  2. / * sdfsdff
  3. /* sdfsfeff *
  4. /* fefef3323 */

这是错误的。它必须以 /* 开头并以 */ 结尾;不惜一切代价。

以下是用于测试此模式的角度代码。请有人帮忙!

代码:

参考:

正则表达式包含和排除特殊字符

http://www.regular-expressions.info/repeat.html

0 投票
1 回答
1123 浏览

angularjs - angularjs - ngMessages 和验证没有按预期工作

我正在向我的应用程序中的用户注册页面添加验证,并且我正在尝试使用ngMessages内置的 angularjs 验证。

我遇到了密码匹配和一般模式的奇怪行为。

这是密码匹配的代码:

问题是即使密码匹配,错误仍然存​​在,显示它不匹配,我无法弄清楚它为什么这样做。

另一个不符合预期的模式示例可以在下面的代码中找到:

我需要检查输入中是否添加了冒号,如果存在则显示和错误。如上所述,问题是即使没有冒号,消息仍然显示。

我错过了什么?我显然在使用ng-patternng-messages错误,但不明白为什么。

任何帮助将非常感激。

Codepen 在这里有两个例子:http ://codepen.io/NickHG/pen/NNZYwK?editors=1010

谢谢

0 投票
1 回答
74 浏览

javascript - 中继器内的 ng 消息未出现

我创建了一个指令,它的作用是基本上显示空白输入以填充对象数组。对象有多个属性,但这里我只填写 projectname 属性。

该指令在作为 parentForm 传递给它的表单内被调用。我已经检查过了,表格正在正确地传递给指令。我的怀疑是绑定ng-messages="parentForm['projectName_{{$index+1}}'].$error"没有正确发生。每当我检查生成的 HTML 时,ng 消息 div 中都不会出现任何内容。

此外,该字段的所需属性是通过动态设置的,isRowRequired($index)并且可以正确呈现。问题是当输入为空且需要时,输入会带有红色边框下划线,但消息不会出现。

0 投票
2 回答
1407 浏览

angularjs - 路由更改后无法专注于 Angular 表单文本输入

我正在使用 Angular 和 Angular 消息创建一个表单。此表单位于一个模板中,该模板通过 Angular Route 被带入视图。当我第一次加载表单时,一切正常。然后,当我加载不同的视图并切换回表单的视图时,我无法专注于文本输入。发生了什么?

的HTML

JavaScript

任何答案/建议将不胜感激。谢谢!

0 投票
2 回答
287 浏览

angularjs - Angular bootstrap ui tabs ngMessage doesn't work in the first tab

I bumped into a strange behaviour of ngMessage

into an angular ui bootstrap tabs the validation

doesn't work in the first tab

the code

js

html

http://codepen.io/whisher/pen/QEyyzz

Is it a bug ?

Any idea ?

UPDATE

I worked it out in the real app I've set an input with the same name ^^

0 投票
1 回答
222 浏览

angularjs - 似乎无法为“必需”显示 ng-message 的内容

我不知道为什么,但我似乎无法为“必需”显示 ng-message 的内容。我是新手,所以如果我遗漏了一些明显的东西,请原谅!

如果我尝试显示 {{studentForm.fName.$error}} 它显示为空白。

顺便说一句,这是我关于stackoverflow的第一个问题:)

编辑:使用表单标签而不是 md-form。似乎 md-form 不是有效标签。此外,在 ng-messages 标签下可能需要 md-auto-hide="false"。见:https ://github.com/angular/material/issues/6767

0 投票
1 回答
58 浏览

javascript - 表单未在 AngularJS 中验证

我有这个简单的形式:

它没有被验证!ng-messages根本不出现。

form.$error也是空的:

可能是什么原因?