コントローラが未定義

を得た私は、ログインページをした、aNaNunctionではありませんが、ホーム・ページにリダイレクトし、今私は私のホーム・ページにメニューバーを追加する必要があり、私は私にメニューバーを追加しようとしたとき、私はこの例に http://www.tutorialspoint.com/angular_material/angular_material_menubar.htm コントローラが未定義

を追いました私はインターネットで同じ問題と同じポストの多くを見て、エラー

を取得するが、私は

私app.jsにこのエラーに

をsoluationを見つけることができなかったangularjsアプリケーション

と私のコントローラは、ここで

'use strict'; 
angular.module('menuBar', 

[ 'ngMaterial' ]).controller(
     'menubarController', 
     function menubarController($scope, $mdDialog) { 
      this.sampleAction = function(name, ev) { 
       $mdDialog.show($mdDialog.alert().title(name).textContent(
         'Start learning "' + name + '!').ok('OK').targetEvent(
         ev)); 
      }; 
     });

と私の見解である：app.jsから

<div id="menubarContainer" ng-controller="menubarController" 
     layout="row" ng-cloak> 
     <md-toolbar class="md-menu-toolbar"> 
     <div layout="row"> 
      <div> 
       <md-menu-bar> <md-menu> 
       <button ng-click="$mdOpenMenu()">Tutorials</button> 
       <md-menu-content> <md-menu-item> <md-button 
        ng-click="ctrl.sampleAction('share', $event)">Share...</md-button> 
       </md-menu-item> <md-menu-divider></md-menu-divider> <md-menu-item> <md-menu> 
       <md-button ng-click="$mdOpenMenu()">Learn</md-button> <md-menu-content> 
       <md-menu-item> <md-button 
        ng-click="ctrl.sampleAction('HTML5', $event)">HTML5</md-button></md-menu-item> <md-menu-item> 
       <md-button ng-click="ctrl.sampleAction('jQuery', $event)">jQuery</md-button></md-menu-item> 
       <md-menu-item> <md-button 
        ng-click="ctrl.sampleAction('AngularJS', $event)">AngularJS 
       </md-button></md-menu-item> <md-menu-item> <md-button disabled="disabled" 
        ng-click="ctrl.sampleAction('AngularJS 2.0', $event)">AngularJS 
       2.0</md-button></md-menu-item> <md-menu-divider></md-menu-divider> <md-menu-item> 
       <md-button ng-click="ctrl.sampleAction('CSS', $event)">CSS</md-button></md-menu-item> 
       </md-menu-content> </md-menu> </md-menu-item> </md-menu-content> </md-menu> </md-menu-bar> 
      </div> 
     </div> 
     </md-toolbar> 
    </div>

、これが私のindex.jspある

<!DOCTYPE html> 
<html ng-app="BasicHttpAuthExample"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Master Protection</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css"> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
</head> 
<body> 

    <div class="jumbotron"> 
     <div class="container"> 
      <div class="col-xs-offset-2 col-xs-8"> 
       <div ng-view></div> 
      </div> 
     </div> 
    </div> 
    <div class="credits text-center"> 
     <p> 
      <a href="http://jasonwatmore.com/post/2014/05/26/AngularJS-Basic-HTTP-Authentication-Example.aspx">Master Protection Company</a> 
     </p> 
     <p> 
      <a href="http://jasonwatmore.com">Eurnet.com</a> 
     </p> 
    </div> 

    <script src="//code.jquery.com/jquery-2.0.3.min.js"></script> 
    <script src="//code.angularjs.org/1.4.8/angular.min.js"></script> 
     <script src="//code.angularjs.org/1.4.8/angular-animate.min.js"></script> 
     <script src="//code.angularjs.org/1.4.8/angular-aria.min.js"></script> 
     <script src="//code.angularjs.org/1.4.8/angular-messages.min.js"></script> 
     <script src="//code.angularjs.org/1.4.8/angular-route.js"></script> 
     <script src="//code.angularjs.org/1.4.8/angular-cookies.js"></script> 
     <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script> 

    <script src="js/app.js"></script> 
    <script src="js/modules/authentication/services.js"></script> 
    <script src="js/modules/authentication/controllers.js"></script> 
    <script src="js/modules/home/controllers.js"></script> 
    <script src="js/shared/menu/controllers.js"></script> 
</body> 
</html>

出典

2016-06-20 Belal Othman

index.htmlにcontroller.jsを追加しましたか？ – gyc

エラー[メッセージのリンク]（https://docs.angularjs.org/error/ng/areq?p0=menubarController&p1=not%20aNaNunction,%20got%20undefined）に行くと、次のように表示されます： '引数 'menubarController'はあなたの質問のタイトルを更新してください –

はい私は私のindex.jspに追加しました（あなたは私のindex.jspを投稿で見ることができます） –

削除コード 'angular.module('menuBar',[]);' 。

出典

2016-06-20 11:20:14

私は試みましたが、それはうまくいきませんでした。同じエラー –

変更

angular.module('menuBar').controller(
     'menubarController', 
     function menubarController($scope, $mdDialog) { 
      this.sampleAction = function(name, ev) { 
       $mdDialog.show($mdDialog.alert().title(name).textContent(
         'Start learning "' + name + '!').ok('OK').targetEvent(
         ev)); 
      }; 
     });

にコントローラのコードだけですセッター中にあなたモジュールの依存関係を注入。

コントローラ、ディレクティブなどを作成するときは、モジュールを取得しても依存関係はありません。

出典

2016-06-20 11:23:21 gyc

あなたの答えに感謝しますが、前回のエラーの横に新しいエラー
angular.js：38Uncaught Error：[$ injector：nomod] http://errors.angularjs.org/1.4.8/$ injector/nomod？p0 = menuBar –

私はアプリ

angular.module（ 'MB'、[ '認証'、 'ホーム'、 'ngRoute' に私のモジュール（ 'メニューバーを'）を追加することを忘れ問題を見つけました、 'ngCookies'、 'menuBar' ]

出典

2016-06-20 12:50:45

コントローラが未定義

答えて

関連する問題