个人中心
gpt4 book ai didi

javascript - Controller 不是 NaNunction，未定义

转载 作者：行者123 更新时间：2023-11-27 22:52:50 24 4
gpt4 key购买 nike

我将登录页面重定向到主页，现在我需要将菜单栏添加到我的主页我按照这个例子 http://www.tutorialspoint.com/angular_material/angular_material_menubar.htm

当我尝试将 menuBar 添加到我的 angularjs 应用程序时，出现错误

我在互联网上看到了很多有相同问题的相同帖子，但我找不到此错误的解决方案

我的app.js

'use strict';
// declare modules
angular.module('Authentication', []);
angular.module('Home', []);
angular.module('menuBar',[]);

angular.module('BasicHttpAuthExample', [
    'Authentication',
    'Home',
    'ngRoute',
    'ngCookies'
])
.config(['$routeProvider', function ($routeProvider) {

    $routeProvider
        .when('/login', {
            controller: 'LoginController',
            templateUrl: 'login'
        })

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

        .otherwise({ redirectTo: '/login' });
}])
.run(['$rootScope', '$location', '$cookieStore', '$http',
    function ($rootScope, $location, $cookieStore, $http) {
        // keep user logged in after page refresh
        $rootScope.globals = $cookieStore.get('globals') || {};
        if ($rootScope.globals.currentUser) {
            $http.defaults.headers.common['Authorization'] = 'Basic ' + $rootScope.globals.currentUser.authdata; // jshint ignore:line
        }

        $rootScope.$on('$locationChangeStart', function (event, next, current) {
            // redirect to login page if not logged in
            if ($location.path() !== '/login' && !$rootScope.globals.currentUser) {
                $location.path('/login');
            }
        });
    }]);

我的 Controller 在这里

'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));
            };
        });

以及我的观点:

<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>

最佳答案

我发现问题了我忘记将我的模块('menuBar')添加到应用程序

angular.module('mb', [ '验证'， '家'， 'ngRoute', 'ngCookies', '菜单栏'])

关于javascript - Controller 不是 NaNunction，未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37920860/

24 4 0
文章推荐： javascript - 如何使用单选按钮显示和隐藏表格？
文章推荐： html - 如何在 Bootstrap 中更改按钮对齐方式(也使用 Angular 8)？
文章推荐： javascript - 如何在 d3plus.full.js 中自定义环的工具提示？
文章推荐： javascript - 如何使用 Javascript 验证 HTML 表单
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com