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

javascript - ng-message 不适用于重新输入密码验证 AngularJS

以下是我的代码,它适用于密码,但不知何故重新输入密码验证不起作用。让我知道我在这里做错了什么。

DOCS中,他们提到我们可以使用表达式,但不知何故它没有验证。

0 投票
1 回答
958 浏览

javascript - 在角度js中一次显示单个错误消息

我正在研究离子角度。我想User Profile在我的输入字段为First NameLast NameCell Phone等的页面上执行验证Password

我想要实现的是在最后一个字段的底部一次显示单个错误消息。通过使用ng-messages,我为每个字段获取单独的消息,但我只想显示第一条错误消息。

以下是我的html代码

我该怎么做?需要你的帮助。

谢谢你。

0 投票
1 回答
1464 浏览

javascript - 将 ng-repeat 与 ng-message-exp 指令一起使用时,Angular-Material ngMessage 不起作用

我正在尝试使用 angular-material 进行工作表单验证。此表单使用 ng-messages 来自控制器中的 json 的错误消息。我的观点如下:

该代码在没有 ng-repeat 指令的情况下工作,但看不到 ng-repeat 中断的原因。

一个代码笔示例: http ://codepen.io/anon/pen/VeGBRm

0 投票
1 回答
4768 浏览

angularjs - ng-pattern 密码匹配

嗨,我正在创建一个注册表单,我想使用 Angular 检查用户输入的密码是否匹配。我所有的验证工作(必需,最小和最大长度),但我总是得到密码不匹配的错误。

我的代码如下

我在想问题可能出在ng-pattern="/^{{password_1}}$/"但我不知道如何调试它所以我可以看到 ng-parent 的值。

任何帮助都感激不尽!安德烈亚斯。

0 投票
1 回答
2635 浏览

angularjs - 其他字段触发的 AngularJS 表单验证

我有一个 angularjs 应用程序,必须使用自定义业务规则进行表单验证。问题是我对特定输入字段的验证规则依赖于其他字段,除了实际模型值发生变化时,我不知道如何触发验证。

该案例是员工的动态列表,每个员工都有一个要输入的一天中时间的动态列表。一条规则是这些时间不能重叠,这意味着一个值可能由于另一个值被更改而无效,反之亦然。我还必须为每个字段显示一条错误消息。

表单内容是从具有几层嵌套转发器的数据模型生成的。我制作了一个自定义指令,其中包含不同的验证规则,并且当该字段更改时它会很好地触发。我正在使用 ngMessages 根据违反的业务规则显示适当的错误消息。

问题是,当某个特定字段发生更改时,如何触发所有其他字段的验证?最好我应该只触发对正在更改值的员工的所有字段的验证,因为一个员工的值不会影响其他员工的验证。

这里的小提琴有我案例的简化版本,其中“重叠”规则只是检查两个数字是否相同。

的HTML:

验证指令:

在这里小提琴:http: //jsfiddle.net/maxrawhawk/dvpjdjbv/

0 投票
1 回答
58 浏览

angularjs - 使用 ngMessages 的 AngularJS 表单验证不起作用

我有这个plunkr有 2 种形式。第一个(Form One)不起作用,我不知道出了什么问题,对我来说一切似乎都是正确的。第二个(表格二)正在工作。

0 投票
1 回答
1455 浏览

angularjs - AngularJS 验证使用没有表单控件的 ng-messages

我将时间作为整数分钟存储在数据库/模型中。但是,我想以十进制小时数向用户显示它(并让他们使用多个按钮编辑值)。

目前我有这个:

p标签中的 2 个元素中:

  1. 作为显示input type="text"机制工作正常。过滤器返回一个格式化的hoursMinutes值,例如 90 分钟,它将返回“1 小时 30 分钟”。
  2. ix-time-picker指令会弹出一个模式窗口,其中包含15 mins30 mins45 mins1 hour1:15 hours等按钮。

这工作正常 - 除了验证。我正在使用ng-messages,但不知道如何显示required状态验证:

minutes我在名为(至少带有)的表单上没有控件,ng-model因此它不会显示消息。我可以添加一个隐藏input的,ng-model="vm.times.minutes"但由于我需要通过应用程序重复使用它,我不想这样做。或者至少我想构建某种通用指令,如果可能的话,ng-model将控件上的能力与显示value与模型值不同的能力相结合。

有什么建议么?

0 投票
0 回答
389 浏览

angularjs - 角度 ng 消息中的条件验证

我正在使用 ng 消息模块进行验证,我有两个输入字段。我需要检查两个输入框的值是否为 0。如果两个输入字段都为 0,则不应允许用户保存表单。

如何使用 ng-messages 模块实现这一点?

我需要的是,如果这两个文本框的值同时为 0,则使表单无效。

0 投票
1 回答
213 浏览

angularjs - 如何包含 Angular ngMessage 模板

我有一个很大的表格,正在看ngMessages。我想实现这个:

我会做一个工厂方法吗?所以我可以在许多不同的控制器上使用它?因为项目会有很多形式吗?如果这是正确的方法,我不确定如何将其包含在工厂中。这就是我在想的是否正确。

0 投票
0 回答
126 浏览

javascript - 使用 ngMessage 的自定义指令不起作用

** 更新:**
这是一个 plnkr 来显示我的问题。
https://plnkr.co/edit/3U7MHlJw0gcEdwT4e64r?p=preview
我确定我做错了什么。


我正在构建一个包含标签、输入和 ng 消息的可重用元素指令。属性的数据都存储在我使用 $http 服务获得的 Json 对象中。

最后,我得到了用于标签、输入属性和 ng-model 的动态数据。ng-messages,ng-messages-include 正在工作,但是...

我无法让它与 ng-messages-exp 一起使用。

下面是一些代码,希望能帮助解释这一点:


JSON:


服务:


Html 指令元素:

--- ticketData 是创建的表单数据


指令代码:


指令中使用的模板:(我使用 Laravel 作为后端,所以我将 {{ }} 换成了 <% %> )


这是 ng-messages-include 使用的模板

这是它停止工作的地方,ng-repeat 正在生成元素,但是 ng-message-exp 没有与我尝试过的任何东西一起工作。

有没有人对此有任何解决方案?我究竟做错了什么?

非常感谢