AngularJS控制器未加载

下面是一个声明函数的示例。

 function nameOfFunction() {
      console.log('some text to print');
 } 

对于您的要求,应该如下所示`

angular.module(APP).controller('OutlookMainController', [
     console.log('lion king');
     // Function declaration here
     function testFunction() {
          console.log('blah blah');
     }
     // Call the function here
     testFunction();
]);

`

控制器定义不正确:

angular.module(APP).controller('OutlookMainController', [
     console.log('lion king'),
     function () {
          console.log('blah blah');
     }
]);

当您更改格式时,很容易看到您将一个数组作为第二个参数传递。

angular.module(APP).controller('OutlookMainController', 
  [console.log('lion king'), function () { console.log('blah blah'); }]
);

angular.module(APP).controller('OutlookMainController', [console.log('lion king'), function() { console.log('blah blah'); }]
);

但是,数组应该包含注入的服务和提供者,数组的最后一个元素是控制器的函数。在这里,您正在插入一个 console.log 声明。这没道理。

https://next.plnkr.co/edit/cHQjFsx3q0oHvkxC

错误:[$注射器:itkn]注射令牌不正确!预期服务 名称为字符串,未定义

我想你的意思是:

angular.module(APP).controller('OutlookMainController', [function() {
     console.log('lion king'),
     function () {
          console.log('blah blah');
     }
}]);

但是,除非显式调用匿名函数、将其从函数中取出或将其定义为自执行函数,否则仍不会调用该匿名函数:

angular.module(APP).controller('OutlookMainController', [function() {
     console.log('lion king');

     console.log("blah blah blah");

     (function () {
          console.log('blah blah');
     })();

     function logBlah() {
          console.log('blah blah');
     }
     logBlah();
}]);

AngularJS不会改变Javascript的基本原理。