1
在控制器文件夹中,我已经创建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>
我使用angular.js文件,版本1.5.0
当我正在运行此代码,它将此作为错误:
Uncaught Error: [$injector:nomod] Module 'CustomerApp' is not available or its not loaded
请帮我一把。我尝试了很多,仍然没有解决方案。
潘卡@谢谢你,我已经知道这个概念,但我忘了放在太感谢你了 – sumit810
@ sumit810做[接受答案](http://meta.stackexchange.com/questions/ 5234/how-does-accepting-an-answer-work)..如果它确实解决了你的问题。谢谢 :-) –