- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在 Controller 文件夹下,我创建了 CustomerController.js:
(function () {
angular.module('CustomerApp').controller('CustomerController', function ($scope) {
$scope.customers = [
{name: 'Sumit', age: 27, salary: 27000, address: 'Katwaria Sarai', joined: '2016-09-21'},
{name: 'Ankit', age: 25, salary: 34000, address: 'Katwaria Sarai', joined: '2016-06-22'},
{name: 'Kuldeep', age: 26, salary: 27000, address: 'Sangam Vihar', joined: '2016-01-21'},
{name: 'Ashutosh', age: 27, salary: 27000, address: 'Vasundara', joined: '206-09-21'},
{name: 'Rashid', age: 17, salary: 17000, address: 'Pune', joined: '2016-09-21'},
{name: 'Shifali', age: 27, salary: 17000, address: 'Katwaria Sarai', joined: '2016-09-21'},
{name: 'Anita', age: 27, salary: 19000, address: 'Katwaria Sarai', joined: '2016-09-17'},
{name: 'Deepak', age: 27, salary: 29000, address: 'Mahipalpur', joined: '2016-09-15'},
{name: 'Abhishek', age: 27, salary: 27000, address: 'Darjeeling', joined: '2016-09-19'},
{name: 'Binetesh', age: 27, salary: 30000, address: 'Kishangar', joined: '2016-09-23'},
{name: 'Devendra', age: 27, salary: 9000, address: 'Bangalore', joined: '2016-09-22'},
{name: 'Himanshu', age: 27, salary: 15000, address: 'Sangam Vihar', joined: '2016-03-29'},
{name: 'Parry', age: 27, salary: 12000, address: 'Siri', joined: '2016-01-07'},
{name: 'Amit', age: 27, salary: 17000, address: 'Katwaria Sarai', joined: '2016-01-11'}
];
});
}());
`在模块文件夹下,我有一个文件 app.js。代码如下:
(function(){
var CustomerApp = angular.module('CustomerApp',[]);
}());
这是我的index.jsp文件,描述如下:
<html ng-app="CustomerApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="sylesheet" href="css/mystyle.css">
<script src="js/angular.js"></script>
<title>Customer Page</title>
</head>
<body ng-controller="CustomerController">
<h2>Customer Data</h2>
Filter: <input type="text">
<br><br>
<table border="1">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>SALARY</th>
<th>ADDRESS</th>
<th>JOINED</th>
</tr>
<tr ng-repeat="cust in customers">
<td>{{cust.name | uppercase}}</td>
<td>{{cust.age | number}}</td>
<td>{{cust.salary | currency}}</td>
<td>{{cust.address}}</td>
<td>{{cust.joined | date}}</td>
</tr>
</table>
<script src="controller/CustomerController.js"></script>
<script src="module/app.js"></script>
</body>
</html>
我使用的是 1.5.0 版本的 angular.js 文件
当我运行这段代码时,它给出了一个错误:
Uncaught Error: [$injector:nomod] Module 'CustomerApp' is not available or its not loaded
请帮帮我。我已经尝试了很多,仍然没有解决方案。
最佳答案
在controller.js
之前加载app.js
,
这样 CustomerAppmodule
Angular 模块将可用于 controller.js
以将带有 Controller 组件的模块扩展到 CustomerApp
模块。
<script src="module/app.js"></script>
<script src="controller/CustomerController.js"></script>
关于javascript - AngularJS - Uncaught Error : [$injector:nomod],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36210266/
我正在尝试学习 Angular 并尝试在基于 Web 的教程之外编写我的第一个 Controller 。我一直在 JS 控制台的标题中收到错误消息,无法弄清楚发生了什么。该链接将我带到一个引用需要包含
奇怪的是,该模块在 Firefox 中完美加载。 在 Chrome 中,模块仅有时会加载(打开和关闭刷新时),并且似乎是唯一发生以下控制台错误的浏览器。 错误:[$injector:nomod] 模块
尝试创建一个像这样的简单的 Angular 应用程序: HTML Test Variable : Yes No {{var.test}}
我目前正在将mean.io堆栈用于个人项目,一切都在本地顺利运行。我尝试部署到 Heroku,但遇到一个模块无法正确实例化的问题!我在 Stack Overflow 上发现了类似的问题,但没有一个答案
我正在尝试上传带有进度条的文件,但无论我做什么,都会不断出现 2 个错误 1) 模块未定义,第二个是 [$injector:nomod] 模块不可用。 http://jsfiddle.net/3m75
在 Controller 文件夹下,我创建了 CustomerController.js: (function () { angular.module('CustomerApp').contr
我一直在为一个类的项目工作,但即使在声明 module.js 文件后,我仍收到 [$injector:nomod] 错误。我仍然是 Angular 的新手,我仍然去检查所有其他与我有相同问题的问题,但
我在index.js中有以下应用程序: angular.module('myApp', ['ngRoute', 'ngAnimate']); .config(function($urlRout
当我尝试将 braintree-Angular 包含到我的 gulp-Angular 项目中时,出现以下错误: Uncaught Error: [$injector:modulerr] Failed
app.js:- var app = angular.module('start', ['ionic']); app.run(function($ionicPlatform) { $ionicPlat
简短版本:当我运行 karma 时,angular 告诉我它不能注入(inject)我的“通用”模块。实际错误是: Error: [$injector:nomod] http://errors.ang
我正在处理 this关于创建单页 MEAN 堆栈待办事项应用程序的教程。我在 this step , 具体来说。本教程涵盖了代码的模块化,虽然我能够成功地将我的后端代码(Express、Mongo 等
在尝试设置我的新应用程序时,我似乎有点卡住了。 我尝试过: import angular from 'angular'; var myApp = angular.module('myApp', [])
我已经安装了 phantomjs(因为我正在尝试让系统使我的网站在 Angular 上可抓取),但我遇到了一个“nomod”错误,该错误仅发生在 phantomjs 服务器上(实时版本工作得很好).
我被困在这个问题上,我读了所有相关内容,但我无法弄清楚,我声明我的 app.js 在使用 ng-app 之前仍然收到此错误: 无法实例化模块应用程序,原因是: [$injector:nomod] M
我对 Angular js 很陌生,以下是我的代码 (function(angular){ var testAngular = angular.mo
我的 Angular 应用程序依赖于第三方 angular.service : var app = angular.module("ninjaModule", ['angular-google-ana
因此,我使用 Yeoman 创建了一个 Angular 应用程序,使用生成器 Fountain-Angular1,并且我尝试在其中使用 Angular Material 。我看过其他关于出于不同原因从
我正在使用 angular-google-maps 在 Angular 应用程序中处理谷歌地图。为此,我必须将 angular-google-maps.js 添加到项目中。如果我按以下方式添加脚本,该
我在这里遇到了这个问题,到目前为止我还没有得到任何一致的解决方案。我在前端使用 Angular 运行 Java 项目,并尝试使用 ui-bootstrap 实现自动完成功能,但我总是收到此错误。 Un
我是一名优秀的程序员,十分优秀!