Angular JSでBrowserifyを使用する - - コントローラにサービスを渡す

Question

タイトルが示唆しているように、私は最近、Browserify（およびGulp）を使用してAngular JSファイル（Angular sourcefile）単一のファイル（bundle.js）に変換します。

私は別々のファイルに私のコントローラ、サービス、およびディレクティブを分割し、このようBrowserifyを使用して、私のapp.jsファイルにそれらを「必要」にしました

：

(function() { 
    'use strict'; 
    require('angular'); 

    var tabCtrl = require('./controllers/tabs'), 
    dataService = require('./services/'); 

    angular.module("citiToolsApp", []) 
     .service('dataService', ['$scope', dataService]) 
     .controller('TabController', ['$scope', tabCtrl]); 
}()); 

しかし、私は私にアクセスしようとすると、サービス - dataService - このようなTab Controller内から：

module.exports = function($scope, tabController) { 

    dataService.getPrograms(function (response) { 
     console.log(response.data); 
    }); 

}; 

私は定義されていないエラーが発生します。私はdataServiceをtabControllerに渡す必要があると信じていますが、これを行うための構文は不明です。誰もこれで助けることができますか？

おかげ

EDIT

私はまた、さらに詳細のための私のサービスファイルの内容を追加しました：

module.exports = function($http) { 

    this.getPrograms = function(callback) { 
     $http.get('/programs') 
      .then(callback); 
    }; 

}; 

Answer 1

私は自分のミスを実現しました。 $ scopeではなく$ httpを渡す必要がありました。だから、代わりに：

(function() { 
    'use strict'; 
    require('angular'); 

    var tabCtrl = require('./controllers/tabs'), 
    dataService = require('./services/'); 

    angular.module("citiToolsApp", []) 
     .service('dataService', ['$scope', dataService]) 
     .controller('TabController', ['$scope', tabCtrl]); 
}()); 

それは次のようになります。tabCtrlとDataServiceの

(function() { 
    'use strict'; 
    require('angular'); 

    var tabCtrl = require('./controllers/tabs'), 
    dataService = require('./services/'); 

    angular.module("citiToolsApp", []) 
     .service('dataService', ['$http', dataService]) 
     .controller('TabController', ['$scope', tabCtrl]); 
}());