- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经包含了 angular-messages.js,如下面的索引所示。当我运行我的应用程序时,我收到错误:
Error: [$compile:ctreq] Controller 'ngMessages', required
by directive 'ngMessage', can't be found!
angular.module('registrationController',
['ngMessages']).controller('RegistrationCtrl',
['$scope','ngMessages',
function ($scope) {
var vm = this;
}]);
<script src="js/angular.js"></script>
<script src="js/angular-messages.js"></script>
<script src="js/angular-route.js"></script>
<script src="js/angular-resource.js"></script>
<script src="app/app.js"></script>
<script src="app/controllers/registration.js"></script>
<form novalidate="novalidate" ng-submit="registerForm()"
ng-controller="RegistrationCtrl">
最佳答案
ngMessages 在您的模块中是必需的,但不是您的 Controller 。
ngMessages 是指令而不是服务,请查看此文档
angular.module('myModule', ['ngMessages']);
<form name="myForm">
<input type="text" ng-model="field" name="myField" required minlength="5" />
<div ng-messages="myForm.myField.$error">
<div ng-message="required">You did not enter a field</div>
<div ng-message="minlength">The value entered is too short</div>
</div>
</form>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body ng-app="registerApp" ng-controller="RegistrationCtrl">
<form name="myForm">
<input type="text" ng-model="field" name="myField" required minlength="5" />
<div ng-messages="myForm.myField.$error">
<div ng-message="required">You did not enter a field</div>
<div ng-message="minlength">The value entered is too short</div>
</div>
</form>
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-messages.js"></script>
<script src="app.js"></script>
</body>
</html>
angular
.module('registerApp', ['ngMessages'])
.controller('RegistrationCtrl',
['$scope',
function ($scope) {
var vm = this;
}]);
关于angularjs - 来自 Angular 的错误,AngularJS 1.3 想要 ngMessages 注入(inject),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26568197/
我的 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
我是一名优秀的程序员,十分优秀!