はじめに - コントローラで関数が定義されていません

私はAngularルートを使い始めています。私がコントローラのファイルにコードを入れ、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

はじめに - コントローラで関数が定義されていません

答えて

関連する問題