javascript – AngularJs – 已定义模块,但仍然出现“不可用”错误
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJs – 已定义模块,但仍然出现“不可用”错误,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2016字,纯文字阅读大概需要3分钟。
内容图文
![javascript – AngularJs – 已定义模块,但仍然出现“不可用”错误](/upload/InfoBanner/zyjiaocheng/788/f1f404a52a9d4047b3af61b18175692e.jpg)
我正在尝试使用angular指令构建密码匹配机制,似乎我错过了一些东西.我定义了ng-app和ng-controller但是我仍然收到一条错误消息,指出模块没有定义.
Jsfiddle here.
Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
HTML:
<div ng-app="myApp">
<div class="row" ng-controller='Ctrl'>
<form name="form1">
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input type="password" ng-model="login.password" name="password" id="password" class="form-control input-lg" placeholder="Password" tabindex="5">
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6">
<div class="form-group">
<input ng-model="login.verify" type="password" name="verify" placeholder="Confirm Password" nx-equal="login.password" class="form-control input-lg" tabindex="6">
<div class="error" ng-show="form1.verify.$error.nxEqual">Passwords are not equal</div>
</div>
</div>
</form>
</div>
</div>
JS:
var app = angular.module("myApp", []);
app.controller("Ctrl", function($scope){
});
app.directive('nxEqual', function() {
return {
require: 'ngModel',
link: function(scope, elem, attrs, model) {
if (!attrs.nxEqual) {
console.error('nxEqual expects a model as an argument!');
return;
}
scope.$watch(attrs.nxEqual, function(value) {
model.$setValidity('nxEqual', value === model.$viewValue);
});
model.$parsers.push(function(value) {
var isValid = value === scope.$eval(attrs.nxEqual);
model.$setValidity('nxEqual', isValid);
return isValid ? value : undefined;
});
}
};
});
解决方法:
您正在错误的时间加载库脚本.在你的JSFiddle示例中,将onLoad更改为No Wrap – in< head> (用于阻止)或No Wrap – in< body>.这将确保Angular已正确加载,我们可以编写代码.
JSFiddle Link – 更新小提琴
查看this answer: When do you put Javascript in body, when in head and when use doc.load? ,我发现外部库脚本加载位置非常简单.继续前进,它将成为常态,至少在制作JSFiddle示例时.
内容总结
以上是互联网集市为您收集整理的javascript – AngularJs – 已定义模块,但仍然出现“不可用”错误全部内容,希望文章能够帮你解决javascript – AngularJs – 已定义模块,但仍然出现“不可用”错误所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。