시작하기 - 컨트롤러가 정의되지 않은 함수가 아닙니다.

각도 경로를 시작합니다. 컨트롤러 파일에 코드를 삽입하고 html 파일에 html을 넣으면 someNameController의 각도 경로를 정의 할 때 컨트롤러가 html과 잘 바인딩되지 않는 것처럼 보입니다. 그러나, 그것은 다른 컨트롤러와 올바르게 작동합니다.시작하기 - 컨트롤러가 정의되지 않은 함수가 아닙니다.

링크 나는 시도했다 : ngRoute not working. is there something i am doing wrong angularjs ngRoute not working https://docs.angularjs.org/error/ng/areq?p0=controllers%2FsomeNameController&p1=not%20a%20function,%20got%20undefined

index.html을

<!DOCTYPE HTML> 
    <html> 
     <head> 
      <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 

      <script src="bower_components/angular/angular.min.js"></script> 
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script> 

      <script src="app.js"></script> 
      <script src="config.js"></script> 
      <script src="controllers/someNameController.js"></script> 

     </head> 
     <body> 
      <div class="container-fluid"> 
       <div class="row"> 
        <div class="col-md-12"> 
         <div class="jumbotron"> 
          <div ng-app="someApp"> 
           <div ng-view></div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </body> 
    </html>

someCustomersView.html

<div> 
    <h2> 
     Hello, world! 
    </h2> 
    <p> 
     {{ desc }} 
    </p> 
    <p> 
     <a class="btn btn-primary btn-large" href="#">Learn more</a> 
    </p> 
    <input type="text" class="form-control" ng-model="someName"/> 
    <br> 
    <p>{{ someName | uppercase }}</p> 

    <ul ng-repeat="customer in customers"> 
     <li class="list-group-item">{{ customer | lowercase }}</li> 
    </ul> 
</div>

someNameController.js

을

someApp.controller("someNameController", function($scope){ 
    $scope.customers = ["Customer2", "Customer3", "Customer4", "Customer5"] 
})

출처

2016-06-20 Mustehssun Iqbal

config.js 파일에서 경로를 선언하는 동안 실수를했습니다. 디렉토리와 함께 html에있는 컨트롤러 용 스크립트를 포함시킨 후에도 라우트를 할당하는 동안 디렉토리를 지정하고있었습니다. 나는 config.js에서이 일을했다 :

someApp.config(["$routeProvider", function($routeProvider, $locationProvider){ 
    $routeProvider.when("/showSomeButtonsGroup", { 
     templateUrl : "views/view3.html", 
     controller : "controllers/page67Controller" 
    }) 
    .when("/", { 
     templateUrl : "views/someCustomersView.html", 
     controller : "someNameController" 
    }) 
}])

를 대신 다음과 같은 일을 :

someApp.config(["$routeProvider", function($routeProvider, $locationProvider){ 
    $routeProvider.when("/showSomeButtonsGroup", { 
     templateUrl : "views/view3.html", 
     controller : "page67Controller" 
    }) 
    .when("/", { 
     templateUrl : "views/someCustomersView.html", 
     controller : "someNameController" 
    }) 
}])

출처

2016-06-20 03:05:55

시작하기 - 컨트롤러가 정의되지 않은 함수가 아닙니다.

답변

관련 문제