Прежде всего, фон на моей среде. Я использую Windows7, StS IDE и ключевой сервер tc, Google Chrome.AngularJS не загружает модуль
Я построил приложение angularJS. Ниже приведен код для моего index.jsp
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My AngularJS App</title>
<script src="<c:url value="resources/js/angular.min.js"/>"></script>
<script src="<c:url value="resources/js/angular-route.min.js"/>"></script>
<script src="<c:url value="resources/js/angular-resource.min.js"/>"></script>
<script src="<c:url value="resources/js/bootstrap.min.js"/>"></script>
<script src="<c:url value="app/view1/FormView.js"/>"></script>
<script src="<c:url value="app/view1/controller.js"/>"></script>
<script src="<c:url value="app/view1/services.js"/>"></script>
<script src="<c:url value="app/view2/Form2View.js"/>"></script>
<script src="<c:url value="app/view2/controller.js"/>"></script>
<script src="<c:url value="app/view2/service.js"/>"></script>
<script src="<c:url value="app/js/bootstrap.min.js"/>"></script>
<script src="<c:url value="app/myApp.js"/>"></script>
<link rel="stylesheet" href="<c:url value ="resources/css/bootstrap.min.css"/>">
<link rel="stylesheet" href="<c:url value ="app/view1/app.css"/>">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body data-ng-app= "myApp">
<ul class="menu">
<li><a href="#/view1">LookUpCodeStyle</a></li>
<li><a href="#/view2">AccountMaster</a></li>
</ul>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div data-ng-view></div>
<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
-->
</body>
</html>
При развертывании на сервере, он выдает следующие ошибки:
Uncaught TypeError: undefined is not a function
Uncaught TypeError: undefined is not a function
Uncaught TypeError: undefined is not a function
Uncaught TypeError: undefined is not a function
Uncaught Error: No module: ngResource
Но самая большая вещь, где я определяю:
<body data-ng-app= "myApp">
затмение выдает ошибку:
Cannot find module with name myApp.
У меня есть myApp.js:
angular.module('myApp', [
'ngRoute',
'myApp.form',
'myApp.form2'
]).
config(['$routeProvider', function($routeProvider) {
$routeProvider.otherwise({redirectTo: '/view1'});
}]);
Btw, это загрузит все файлы. Я проверил в сети. Любая помощь будет оценена по достоинству?
вы используете angularjs v1.3.2? –
На самом деле нет, я использую AngularJS v1.2.12, извините за путаницу. Это прокомментировано. – zydexo
что такое 'myApp.form'? – Vineet