javascript - 参数 'myAppController' 不是函数，未定义

Question

我想将我的服务注入(inject)到我的 Controller 中，然后只查看我的控制台日志(在身份验证服务中)，但我收到此错误:参数“myAppController”不是函数，未定义。我做错了什么？

在我的 main.js 文件中，我有:

var myApp = angular.module('myApp',['ngRoute', 'ui.router']);

myApp.controller('myAppController', ['$scope', function($scope, AuthService) {
    console.log('controller');
    AuthService.console();
    ...

在我的 services.js 文件中，我有:

var myApp = angular.module('myApp',[]);

myApp.service('AuthService', function(){
    this.console = function(){
        console.log('in the AuthService');
    }
});

将文件加载到我的index.html 文件中:

    <script src="js/main.js"></script>
    <script src="js/services.js"></script>

Answer 1

也必须将其声明为字符串以进行注入(inject):

myApp.controller('myAppController', ['$scope', 'AuthService', function($scope, AuthService) {