2014-11-10 4 views
0

Прежде всего, фон на моей среде. Я использую 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, это загрузит все файлы. Я проверил в сети. Любая помощь будет оценена по достоинству?

+0

вы используете angularjs v1.3.2? –

+0

На самом деле нет, я использую AngularJS v1.2.12, извините за путаницу. Это прокомментировано. – zydexo

+0

что такое 'myApp.form'? – Vineet

ответ

0

Попробуйте добавить ngResource в свой модуль myApp.

angular.module('myApp', [ 
    'ngRoute', 
    'ngResource', 
    'myApp.form', 
    'myApp.form2' 
]) 
+0

Нет, это тоже не работает! Есть хорошие учебники по Batarang? Или интеграция пружин и углов? Поскольку этот проект работал нормально, когда он был развернут на http-сервере с узлами nodejs. – zydexo

+0

Посмотрите на них: http: //java.dzone.com/articles/angularjs-single-page-app http://javahonk.com/spring-mvc-angularjs-integration/ – Clto

+0

Извините, что вернусь к вам так поздно, но я использовал ссылку Java Honk! Спасибо за помощь! – zydexo

0

У меня был такая же проблема с AngularJS для Eclipse: Cannot find module with name MyApp, хотя MyApp был включен в угловом Explorer. Обойти это можно освобождать config от MyApp декларации, например, так:

var app = angular.module('myApp', [ 
    'ngRoute', 
    'myApp.form', 
    'myApp.form2' 
    ]); 
    app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.otherwise({redirectTo: '/view1'}); 
    }]); 
Смежные вопросы