AngularJs : 오류 : [ng : areq]

저는 AngularJs에 대해 거의 완전히 새로운 것이므로 문제가 있습니다. 각도 응용 프로그램에 라우팅을 추가하려고하지만 잘 진행되지 않습니다. 그것은 잘로드 할 것으로 보인다와 순서가 좋은 것 같다,하지만AngularJs : 오류 : [ng : areq]

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.2.3/js/foundation.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular-route.min.js"></script>  
<script src="js/app.js"></script> 
<script src="js/controllers/mainCtrl.js"></script> <!-- load our controller --> 
<script src="js/services/userService.js"></script> <!-- load our service --> 
<script src="js/routes/routes.js"></script>

내가 Error: [ng:areq] 받고 있어요 :

나는 기본적으로 다음 순서로 JS를로드하는 템플릿을 가지고있다. 이것은 angular.module()을 두 번 호출하고있는 것 같습니다.

var blogApp = angular.module('blogApp', 
[ 
    'ngRoute' 
]);

mainCtrl은 다음과 같습니다 : 뷰가 같은 외모에로드되는

: 같은

<body ng-app='blogApp'> 
     <header></header> 
     <section> 
      <div ng-view></div> 
     </section> 

     <footer></footer> 
    </body>

app.js 보인다

blogApp.controller('mainController', function($scope, $http, User){ 
      $scope.formData = {}; 
      $scope.login = function(){ 
       User.login($scope.formData) 
         .success(function(){ 
          console.log("logged in"); 
         }) 
         .error(function(){ 
          console.log("Unable to log in!"); 
         }); 
      }; 
      $scope.register = function(){ 
       console.log("clicked!"); 
       User.register($scope.formData) 
         .success(function(){ 
          console.log("registered"); 
         }) 
         .error(function(){ 
          console.log("Unable to register!!"); 
         }); 
      }; 
      $scope.logout = function(){ 
       User.logout().success(function(){ 
           console.log("logged out!"); 
           } 
         ) 
      } 
     });

userService 보이는 같은 :

blogApp.factory('User', function($http){ 
      return { 
       login : function(formData){ 
        return $http({ 
          method: 'POST', 
          url: '/angularBlog/public/users/login', 
          headers: { 'Content-Type' : 'application/x-www-form-urlencoded' }, 
          data: $.param(formData) 
        });     
       }, 
       register : function(formData) { 
        return $http({ 
          method: 'POST', 
          url: '/angularBlog/public/users/register', 
          headers: { 'Content-Type' : 'application/x-www-form-urlencoded' }, 
          data: $.param(formData) 
        });       
       }, 
       logout : function(){ 
        return $http({ 
          method: 'POST', 
          url: '/angularBlog/public/users/logout', 
          headers: { 'Content-Type' : 'application/x-www-form-urlencoded' } 
        });      
       } 
      } 
     });

과 routes.js 보이는 같은 : 나는 라우팅을 추가하기 전에

blogApp.config(function($routeProvider) { 
     $routeProvider 
      // route for the home page 
      .when('/', { 
       templateUrl : 'home', 
       controller : 'mainCtrl' 
      }); 
    });

, 그것은이었다 모두 잘 작동, 그래서 무엇이 잘못되었는지 모르겠어요? 어떤 도움을 주시면 감사하겠습니다! lso 당신이 더 많은 정보를 필요로하는 경우 그냥 알려주고 내가 당신에게 그것을 얻을거야!

출처

2014-06-08 samuraiseoul

당신이 컨트롤러 :

blogApp.controller('mainController

하지만

 .when('/', { 
      templateUrl : 'home', 
      controller : 'mainCtrl' 
     });

는 당신이 시도 할 수 MainCtrol

와 경로가 고정을 추가?

넣어 :

 .when('/', { 
      templateUrl : 'home', 
      controller : 'mainController' 
     });

출처

2014-06-08 22:46:31

물론 이죠,하지만 그 경우에 선언하는 방법을 모르겠어요. – samuraiseoul

그걸 고쳐 줘! 감사합니다. – samuraiseoul

AngularJs : 오류 : [ng : areq]

답변

관련 문제