将 ngMessages 与 Angular 1.2 一起使用

2023-12-13

有谁知道 Angular 1.2 是否有支持 ngMessages 的分支?

我很想用这个,但我对 IE8 有要求。

在此先感谢您的帮助。


这是我使用的指令:

/**
 * Ui-messages is similar implementation of ng-messages from angular 1.3
 *
 * @author Umed Khudoiberdiev <[email protected]>
 */
angular.module('uiMessages', []).directive('uiMessages', function () {

    return {
        restrict: 'EA',
        link: function (scope, element, attrs) {

            // hide all message elements
            var messageElements = element[0].querySelectorAll('[ui-message]');
            angular.forEach(messageElements, function(message) {
                message.style.display = 'none';
            });

            // watch when messages object change - change display state of the elements
            scope.$watchCollection(attrs.uiMessages, function(messages) {
                var oneElementAlreadyShowed = false;

                angular.forEach(messageElements, function(message) {
                    var uiMessage = angular.element(message).attr('ui-message');

                    if (!oneElementAlreadyShowed && messages[uiMessage] && messages[uiMessage] === true) {
                        message.style.display = 'block';
                        oneElementAlreadyShowed = true;
                    } else {
                        message.style.display = 'none';
                    }
                });
            });
        }
    };
});

我用过ui-messages代替ng-messages以避免冲突。

<div ui-messages="form.name.$error">
    <div ui-message="minlength">too short</div>
    <div ui-message="required">this is required</div>
    <div ui-message="pattern">pattern dismatch</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 ngMessages 与 Angular 1.2 一起使用 的相关文章

  • 在 angularjs 模块初始化期间有条件地注入依赖项

    我有一个角度模块 我想有条件地将依赖项注入其中 IE var myapp angular module myapp ngRoute myappcontroller ngGrid I want to include ngGrid only i
  • $http.get() 与 JSON 数据

    我正在编写一个服务器应用程序 并希望客户端使用正文中的数据来参数化我的 GET 方法 如下所示 http v GET http localhost 3000 url text 123 foo bar GET url HTTP 1 1 Acc
  • 模型不是 AngularJS 中输入的日期对象

    使用 AngularJS 我试图使用输入显示日期type date
  • AngularJS with Grunt - 连接到另一台服务器

    我使用 grunt bower 和 yeoman 创建了一个 AngularJS 应用程序 我猜想 Gruntfile js 在 2014 年 1 月之后发生了变化 不确定 这是我的gruntfile js Generated on 201
  • Angular js 服务器端过滤器和分页

    我有几个输入字段 我们可以使用带有搜索名称的输入字段作为示例 当有人在该字段中输入内容时 我希望能够过滤对象的结果 但我想做过滤器服务器端而不是客户端 我有一个包含大量记录的数据库 因此我不想返回所有记录并在客户端进行过滤 这确实会减慢速度
  • AngularStrap 工具提示禁用我的自定义指令

    我正在尝试让 bs tooltip AngularStrap 指令与我自己的名为 checkStrength 的自定义指令一起使用 该指令检查密码的强度 单独使用这些指令中的任何一个时 它们都可以正常工作 但不能一起工作 This http
  • 使用 ng-if 改变角度方向

    我想通过单击将方向从 rtl 更改为 ltr and in 设置 html
  • Angular JS + Node JS + Passport + Spring OAuth2 身份验证/授权

    我是 PassportJS 和 AngularJS 的新手 我对如何进行此授权有疑问 我有由 Oauth2 保护的 Spring REST API 但我必须像这样一起发送用户凭据 http localhost 8080 myapp oaut
  • Javascript DOM setAttribute 在函数调用中不起作用

    我有一个带有输入元素的 HTML 文件 我希望向其中添加一个名为 valid fieldset011 的新属性 该属性用作 AngularJS 验证器的链接 输入元素具有属性 id fieldset011 如果我使用以下脚本 包含在脚本标签
  • 在 angularjs 应用程序中更改页面的位置哈希,无需重新加载页面

    我需要能够更改页面的位置哈希 例如从 到 page1 以便 angularjs 不会重新加载页面 有可能吗 在路由定义中添加此参数reloadOnSearch false 禁止在查询参数更改时重新加载基于 ui router 的视图 htt
  • ng-submit 不允许自定义绑定提交事件

    我有一个指令 我想用它在提交表单时广播事件 我正在做的项目有很多表单 因此无法在ng submit调用的函数中广播事件 指示 directive form function return restrict E link function s
  • Angular JS 中的数组

    我是 Angular JS 新手 我正在将元素推送到数组中 然后想使用 ng repeat 在 html 中显示 scope groupedMedia Adding elements through a for loop scope gro
  • Angular UI select:从远程服务获取数据

    我正在使用角度用户界面选择 https github com angular ui ui select https github com angular ui ui select 我查看了演示的可用位置这个笨蛋 http plnkr co
  • 如何知道在Angular JS中选择了哪个元素

    我制作了多个选定的弹出窗口 用户可以在其中选择多个值 我想在屏幕上打印所有选定的值或获取一个对象 其中包含用户选择的所有元素 我将换句话说 在我的演示中 我在屏幕上有一个按钮 单击按钮时 我会打开一个弹出窗口 其中有多个选定的元素我想获取用
  • 如何更改 Angular ui Bootstrap 日期选择器弹出窗口的大小?

    这就是我所指的 http angular ui github io bootstrap http angular ui github io bootstrap 我没有看到任何指示如何控制大小的内容 我尝试更改正文字体 但没有成功 可以通过覆
  • 模板中带有 ng-if 的 angularjs 指令

    我正在构建一个在模板内使用 ng if 的指令 奇怪的是 提供给链接函数的元素没有扩展ng if代码 它只是ng if的注释行 经过一番尝试 我发现通过将链接代码包装在 timeout 中似乎可以使其正常工作 但我想知道这是否不是正确的处理
  • AngularJS中$scope和scope的区别

    我是 AngularJS 的新手 我想知道有什么区别 scope在 angularjs 控制器中和scope在 angularjs 指令中 我尝试在控制器中使用范围 但出现以下错误 错误 injector unpr 未知提供程序 scope
  • Angularjs 完整日历不显示事件

    我正在用那个https github com angular ui ui calendar https github com angular ui ui calendar在 Angularjs 中使用 FullCalendar 它显示日历并
  • put方法中的Angularjs文件上传不起作用

    我有一个简单的待办事项应用程序 我试图在其中上传照片和单个待办事项 现在我已经创建了这个工厂函数来负责待办事项的创建 todosFactory insertTodo function todo return http post baseUr
  • 嵌套指令 - 无法将参数从 Angularjs 中的子指令传递到控制器方法

    我在 angularjs 中的嵌套指令方面遇到了一些问题 我想从另一个指令中的指令调用控制器方法 并尝试将参数传递给它 但是它们是未定义的 我尝试使用下面的 selected html 中的三个参数来调用remove 在我引入父指令 tel

随机推荐

  • 在单个正则表达式中将 X 替换为 Y,将 Y 替换为 X

    假设我有以下内容 var strRandomString I have 2 apples and 6 oranges and 3 grapes 现在我想用 橙子 一词替换 苹果 一词 反之亦然 顺序不固定 替换应该是全局的 这使得最终结果
  • 电子邮件通知 sonarqube 中的意外行为

    这是关于sonarqube 5 1版本的 我有问题分配插件 并且还订阅了我的个人资料页面中的电子邮件 我故意做了一些错误的 SVN 提交来检查电子邮件通知设置 但它似乎无法正常工作 我有时会收到电子邮件 但有时却不起作用 我知道这不是一个足
  • Swift 中的“'CGFloat' 无法转换为 'Double'”错误 (iOS)

    我正在尝试用 Swift 将图像切成 9 块 我收到此错误 CGFloat 无法转换为 Double 当我输入时出现此错误i or j在两个变量中 下面是用于剪切图像的部分代码 for i in 1 3 for j in 1 3 var i
  • Git 认为我是错误的用户

    我使用的是 Mac OSX git 版本1 8 5 2 Apple Git 48 我在 git 存储库中有一个 git 子模块 据我所知 仅使用一个 git 用户和 rsa 密钥来克隆 拉取 提交 合并和推送 我还有许多其他用户和密钥对 但
  • 使用 Microsoft.Graph 获取当前应用程序权限

    我的 C 程序使用 Microsoft Graph Nuget 并且它需要能够确保它具有正确的 Microsoft Graph 应用程序权限 我知道如何在 AD 中添加权限 但我希望我的程序能够测试它是否具有所需的权限 我想要实现的目标的示
  • 从 Web Api 发布和重定向

    Warning 这个问题不是关于如何发布到 Web Api 而是关于如何从 Web Api 发布 设想 我的问题与达林 迪米特洛夫 Darin Dimitrov 的答案的评论有关 如何在 ASP NET Web API 中重定向 并且似乎是
  • 将表而不是范围定义为数据透视表“cacheSource”

    我正在构建一个工具来自动创建包含表和关联数据透视表的 Excel 工作簿 表结构位于一张纸上 稍后将使用另一种工具从数据库中提取数据 数据透视表位于第二个工作表上 使用前一个工作表中的表作为源 我正在使用 EPPlus 来促进构建该工具 但
  • Python mysql.connector - 以字典形式检索行的正确方法

    我有一个包含 20 列的表 我使用以下代码将特定电影的每个字段作为字典获取 import mysql connector def getMovie id movie cnx mysql connector connect config cu
  • 、 、 padding、margin、100vh 和 calc()

    考虑以下代码片段 html margin 0 padding 0 background color blue body margin 0 padding 0 background color green min height 100vh s
  • 是否可以“存储”模板参数包而不扩展它?

    当我偶然发现这个问题时 我正在尝试 C 0x 可变参数模板 template lt typename Args gt struct identities typedef Args type compile error parameter p
  • java.sql.SQLException:ORA-00904

    我收到以下异常 java sql SQLException ORA 00904 invalid identifier ORA 06512 at line 1 下面是我试图执行的查询 public static final String DA
  • 返回带空格的数字字符串中的最大和最小数字

    假设我有一串用空格分隔的数字 我想返回最大和最小的数字 如何在 JS 中使用函数最好地完成此操作 例子 highestAndLowest 1 2 3 4 5 return 5 1 我希望这两个数字都以字符串形式返回 最小的数字先跟一个空格
  • 在 Apple Swift 中使用巨大的数字

    我不是程序员 我只是喜欢在空闲时间写一些代码 我以前用python3编程 现在我正在尝试学习苹果的Swift 我的问题 在 python3 中 我毫无问题地使用了像 10 1000 这样的巨大数字 我可以打印它们 用它们进行数学运算 等等
  • 如何判断可执行文件是否是为当前机器编译的?

    我有一些编译和运行的c代码 在一个可以从许多不同的unix计算机 各种linux和mac 偶尔还有其他 访问的目录中 不同的操作系统显然需要不同的可执行文件 我有一个简单的 shell 脚本 可以调用适当的可执行文件 prog OSTYPE
  • XmlSerializer 枚举反序列化因(不存在)空格而失败

    我有一个正在反序列化的对象 其中包含枚举 JourneyPatternLinkDirectionEnumeration 它用作节点 Direction 的值 当 Direction 指定了一个值 或者未指定并且它在 xml 中表示为
  • 切换到 bbcode 时无法将 youtube 视频添加到 ckeditor

    我安装了 ckeditor 并将其默认设置为 html 输出 并且我设法通过单击 flash 按钮并放置 YouTube 链接来添加 YouTube 视频 如下所示 http www youtube com v G6Na PE9Yo 现在我
  • .htaccess url 重写并删除 %20 [重复]

    这个问题在这里已经有答案了 嗨 我对重写事情很陌生 我有一个 Apache 主机正在托管我的网站 我需要重写 url 以使其看起来比当前更好 所以我有这个链接http www kalah co za content php page Civ
  • 从表和 sqlite 数据库中删除行

    我仍然需要你的帮助 我有这段代码不想工作 void tableView UITableView tableView commitEditingStyle UITableViewCellEditingStyle editingStyle fo
  • 对 TListView 列进行排序

    我有一个包含 4 列的 TListview 当然都是字符串 但是 我将数据存储在其中 Caption 任意字符串 SubItems 0 整数 例如 5016 SubItems 1 日期 例如 03 22 13 Subitems 2 任意字符
  • 将 ngMessages 与 Angular 1.2 一起使用

    有谁知道 Angular 1 2 是否有支持 ngMessages 的分支 我很想用这个 但我对 IE8 有要求 在此先感谢您的帮助 这是我使用的指令 Ui messages is similar implementation of ng