个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
以下是我的代码
// LoginCtrl.js
angular.module('homeon', [ 'ngMessages' ]).controller('loginCtrl',
function($rootScope, $scope, $state, $ionicLoading, dbservices, server) {
//--------------------------------- my code-------------
})<!-- login.html-->
<link href="css/login.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.4/cerulean/bootstrap.min.css">
<!-- load angular -->
<script src="http://code.angularjs.org/1.4.3/angular.js"></script>
<!-- load ngmessages -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-messages.js"></script>
<!-- load our custom app -->
<script src="js/loginCtrl.js"></script>
<body ng-app="homeon">
<ion-view view-title="Login">
<ion-content>
<form name="loginForm" ng-submit="doLogin(loginForm)" novalidate="">
<div class="list list-inset">
<label class="item item-input itemLabel">
<input type="email" name="username" placeholder="Email" ng-model="username" required="required" ng-minlength="5" >
</label>
<label class="item item-input itemLabel">
<input type="password" name="password" placeholder="Password" ng-model="password" required="required" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{8,}" autocapitalize="off" autocomplete="off" autocorrect="off">
</label>
<div ng-messages="loginForm.username.$error" style="color:red; align:center">
<span ng-message="required">Please enter user name</span>
<span ng-message="minlength">Length of email must be minimum 5 characters</span>
<span ng-message="email">Please enter valid email</span>
<div>
</div ng-messages="loginForm.password.$error" style="color:red; align:center">
<span ng-message="required">Please enter password</span>
<span ng-message="pattern">The passwords must be at least 8 characters and include an
uppercase, lowercase, number, and special character</span>
</div>
<button type="submit" class="button button-block" ng-click="" >Login</button>
</div>
</form>
</ion-content>
</ion-view>
</body>我在浏览器中收到“ngMessages”未实例化错误。您能否让我知道我哪里做错了或者为什么会收到此错误？
提前致谢。
最佳答案
包括<script src="js/angular-messages.js"></script>在你的index.html页面
关于javascript - “ngMessages”未在 Angular js中实例化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34512385/
26
4
0
我的 ngMessages 在我的指令模板中不起作用! 我有一个指令 myInput使用模板和链接函数，在模板函数内，我为包装 创建模板字符串和 . 在 Link 函数中，我使用了 require
我有一个嵌套在另一个 中的输入字段元素，我尝试在该内部输入字段上使用 ngMessages，但我似乎无法正确验证它。 ID Number
我既没有得到模板片段发出的值，也没有得到有效的验证。我的 Jade 模板: doctype html html(lang='en', ng-app="Validate") head scr
我是 AngularJS 的新手，所以这可能是一个非常愚蠢的问题。 通过使用 Angular documentation on ngMessages ，我想实现在满足特定要求时显示的消息框。 但是，即
我遇到了一种情况，我认为我无法在 codepen 上轻松重现，但我会尽力尽可能切中要点，并感谢任何帮助或指导。 这是表单摘录(我隐藏了这些类以使示例更简单/可读) 当文本框的值第一次更改时(当我第一次
我有一个带有自定义验证器和 ng-messages 的输入字段来显示验证消息。 自定义验证器很简单: ngModel.$validators.phoneNumber = () => { re
我正在使用 AngularJS 1.3.0 RC0 和 Angular-messages。当表单最初加载并处于原始状态时，ng-messages 会尽职尽责地显示那些“必填”字段的错误消息。因此，新加
我正在尝试向 Angular 的 ngMessages 添加自定义验证函数。 具体来说，我希望一些输入的值(输入的数量是动态的，但现在坚持使用 2)总计 100。 我创建了一个名为 totalOneH
我是 angularjs 新手，我需要帮助找出我做错了什么。我正在使用 ngMessages 进行表单验证，但表单提交不起作用。 这是我的代码: angular.module("myapp", ["n
来自 AngularJS 示例的简单输入: Enter your number: myForm.myNumber.$error = {{ myForm.myNumber.$error
为什么 ngMessages 警报只出现一次？当我从 Bootstrap 选项中使用 (data-dismiss="alert"class="close") 时，警报被隐藏，但随后它再也不会出现。
我使用 AngularJS 1.5，用于状态管理的 ui-router 和用于验证的 ngMessages 和用于 UI 的 ngMaterial。我有一个包含在 myformView.html 中的
我在 angularjs 中编写了一个网络应用程序并使用了 angular material (不确定这是否与问题相关)和 ngMessages向用户提供无效输入的反馈。 通常，为了验证所提供的指令，
我在 Angular 项目中使用 ngMessages 来验证表单，但在使用 Datepicker 时遇到了问题。当我选择一个日期时，ng-message 不会消失，据我所知 ngMessages 没
我正在对必需项进行简单验证，但无法找到 ng-Message 在错误输入或单击提交时工作。有人可以帮我解决我错在哪里吗？ HTML:
从这里> Angular ngMessages change class when valid and not only on error 我试过了 这个
我正在使用ui-select有一些多选字段，我想实现一个客户端 验证如下: Frameworks {{$item.name}}
我有一个简单的登录表单，其中包含用户名字段(必填)、登录按钮、取消按钮和忘记密码链接。用户名字段重点关注页面加载。 我使用 ngMessages 来显示验证错误，在这个简单的示例中，表单的唯一验证规则
以下是我的代码 // LoginCtrl.js angular.module('homeon', [ 'ngMessages' ]).controller('loginCtrl', func
是否可以使用 ngMessages 在使用 ngOptions 初始化 select 元素的选项时显示错误？对于前。在 如果 fruits 为空，我想显示一条错误消息。 最佳答案 您可以向 ng-m
我是一名优秀的程序员,十分优秀！