javascript - 在 Angular 中，如何将服务注入(inject) Controller ？

Question

我像这样制作app.js:

var app = angular.module('game', ['ngRoute']);

我像这样制作doorService.js:

angular.module('game', [])
  .service('doorService', function() {
    this.drawDoors = function drawDoors() { 
      ....
    }
  })

最后，我的 Controller 如下所示:

angular.module('game', [])
  .controller('canvasCtrl', function($scope, doorService) {
    ....
  })

<小时/>

错误

Error:$injector:modulerr Module Error

Error: $injector:unprUnknown Provider

Answer 1

我相信您完成的代码应该如下所示:

var app = angular.module('game', ['ngRoute']);

angular.module('game')
   .service('doorService', function() {
     this.drawDoors = function drawDoors() { 
     ....
   }
})


angular.module('game')
  .controller('canvasCtrl', function($scope, doorService) {
....
 })

此外，由于您正在创建全局变量 app，因此对 angular.module('game') 的所有后续调用都可以替换为 app。