Angular嵌套控制器错误

Angular nested controller error

本文关键字：错误 控制器 嵌套 Angular      更新时间：2023-09-26

我正在尝试嵌套控制器，我得到以下错误:错误:[ng:areq]参数'MainController'不是一个函数，得到未定义。我搜索了一下，发现有一个类似的问题，但答案不适用于我的情况。

_Layout.cshtml 

<body ng-controller="MainController" layout="column">
<div>
    <md-content flex >
        <div>
            <md-toolbar class="md-accent">
                <div class="md-toolbar-tools">
                </div>
            </md-toolbar>
        </div>
        <md-content flex layout-align="center center">
            <md-sidenav md-component-id="left" class="md-sidenav-left md-whiteframe-z2" layout="column" id="sideNav">
                <section layout="column">
                    <md-button class="md-raised md-primary">
                        @Html.ActionLink("Admin", "Index", "Admin/Index", new { area = "" }, new { @class = "myButtons" })
                    </md-button>
                </section>
            </md-sidenav>
            <md-button  class="md-raised md-primary" ng-click="clickSide('left')">Show menu</md-button>
            <md-content class="AppContainer">
                @RenderBody()
            </md-content>
        </md-content>
        <footer>
            <div layout="row" layout-align="center center">
                <h2>My Awesome Footer  &copy; @DateTime.Now.Year</h2>
            </div>
        </footer>
    </md-content>
</div>
</body>

app.js(主控制器)

var MyApp = angular.module('MyApp', ['ngMaterial', 'ngMessages', 'ngRoute']);
MyApp.controller('MainController', function ($scope,$rootScope, $http,  $filter, $mdDialog, $timeout, $mdSidenav, $window, $location) {
$scope.clickSide = function (dir) {
    $mdSidenav(dir).toggle();
};
});

AdminController.js 

angular.module('MyApp', ['ngMaterial', 'ngMessages'])
.controller('AdminController', function ($scope, $http, $filter, $mdDialog) {
$scope.test = "Hello";
});

你不需要在AdminController中再次声明Module，修改如下，

MyApp.controller('AdminController', function ($scope, $http, $filter, $mdDialog) {
$scope.test = "Hello";    
});
相关文章：