在不同的控制器使用的服務文件

Question

服務 - optionService.js
控制器 - app.js & welcomeCtrl.js & otherCtrl.js

app.js

var app = angular.module('mainapp', ['mainapp.welcome','optionServiceModule']); 
app.controller('mainappCtrl', function ($scope,optionService) { 
    optionService.fetchOptionDetails().success(function(response){ 
     $scope.option = response; 
    }); 
}); 

welcomeCtrl.js

var app = angular.module('mainapp.welcome', ['optionServiceModule']); 

    app.controller('welcomeCtrl',[function($scope,optionService) { 
     optionService.fetchOptionTwoDetails().success(function(response){ 
      $scope.OptionTwo = response; 
     }); 
    }]); 

optionService.js

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

app.factory('optionService',['$http',function($http) { 
    var obj = {}; 

    obj.fetchOptionDetails = function(){ 
     return $http.get('localhost/api/option/optionOne'); 
    } 

    obj.fetchOptionTwoDetails = function(){ 
     return $http.get('localhost/api/option/optionTwo'); 
    } 
return obj; 
}]); 

optionService工作正常，在app.js但 給錯誤的WelcomeCtrl.js

錯誤

Cannot read property 'fetchOptionTwoDetails' of undefined 

想知道如何使用服務在多個控制器文件？

預先感謝您

Answer 1

注入$scope和optionService到控制器這樣

app.controller('welcomeCtrl',['$scope','optionService',function($scope,optionService) { 
     optionService.fetchOptionTwoDetails().success(function(response){ 
      $scope.OptionTwo = response; 
     }); 
    }]); 

Answer 2

結帳字符串這Jsfiddle link

JS代碼

var app1 = angular.module('mainapp.welcome', ['optionServiceModule']); 
    app1.controller('welcomeCtrl', function($scope, optionService) { 
    optionService.fetchOptionTwoDetails().success(function(response) { 
     $scope.OptionTwo = response; 
    }); 
    }); 

您添加了[]但忘記添加依賴項