2016-09-13 17 views
-3

角度の非常に単純なアプリケーションを作成し、私はこの問題に遭遇し、それを解決する方法を知りません。AngularJS、コントローラは定義されていません

angular.module('Euclid', 
     ['ui.bootstrap', 
     'ngRoute']) 
.controller('mainController', function($scope){ 
}) 
.config(['$routeProvider', function($routeProvider){ 
    $routeProvider. 
    when('/', { 
     templateUrl: 'views/home.html', 
     controller: 'HomeController', 
     controllerAs: 'homeCtrl' 
    }); 
}]); 

ただ、いくつかの基本的なルーティング、コントローラ内の何もない:

App.jsはこれです。

var HomeController = function($scope){ 
    var self = this; 
    // code here 
}; 
angular.module('Euclid').controller('HomeController', HomeController); 

そして、私のindex.htmlがそのようにように設定されています:

<html lang="en" ng-app="Euclid"> 
    <body ng-controller="mainController" ng-cloak> 
     <script src="node_modules/angular/angular.js"></script> 
     <script src="app.js"></script> 
     <div class="container"> 
      <div ng-view></div> 
     </div> 
    </body> 
</html> 

すべてそれの栄光の誤差は「引数は「にHomeController」がこのように設定されていることを今

、 'HomeController'は関数ではなく、未定義です。 "私は私の人生のためにそれが未定義になっているところを理解できません。

+3

あなたは 'ngRoute'、' ui.bootstrap'でもどこでもあなたの 'HomeController'が – Phil

+0

はこれが答えとして投稿されたindex.htmlファイル – Sajeetharan

答えて

0

私は、物事をより明確にするためにplunkerを作成しました。
https://plnkr.co/edit/dL1DPa50mdZtmaJCwcIO?p=preview
私が理解できる限り、いくつかのスクリプトファイルが欠落している以外のエラーはありません。

<html lang="en" ng-app="Euclid"> 
     <body ng-controller="mainController" ng-cloak> 
      <script src="node_modules/angular/angular.js"></script> 
      <script src="../angular-route.js"></script>   //missing 
      <script src="/ui-bootstrap-tpls-2.1.2.js"></script> //missing 
      <script src="app.js"></script> 
      <div class="container"> 
       <div ng-view></div> 
      </div> 
     </body> 
    </html> 


フィルが言ったように、 エラーの原因は、角-ルータと角度、ブートストラップの欠落であることは明らかです。

+0

を表示するが、それはない定義されているため、スクリプトファイルが欠落しているように見えます質問に答えようとする。それはおそらく、編集、コメント、別の質問、または完全に削除されるべきです。 – Phil

+0

答えは明らかです。 – Sachin

+1

答えに答えを入れてください。リンクのみの回答は、特にリンクが後で削除された場合には役に立ちません。 – Phil

関連する問題