AngularJS提供商不按照styleguide工作

Question

我跟随John Papa's Angular1 styleguide并试图实施提供商。

提供商按文件看起来是这样的，

angular 
    .module('blocks.router') 
    .provider('routerHelper', routerHelperProvider); 

routerHelperProvider.$inject = ['$locationProvider', '$stateProvider', '$urlRouterProvider']; 
/* @ngInject */ 
function routerHelperProvider($locationProvider, $stateProvider, $urlRouterProvider) { 
    /* jshint validthis:true */ 
    this.$get = RouterHelper; 

    $locationProvider.html5Mode(true); 

    RouterHelper.$inject = ['$state']; 
    /* @ngInject */ 
    function RouterHelper($state) { 
     var hasOtherwise = false; 

     var service = { 
      configureStates: configureStates, 
      getStates: getStates 
     }; 

     return service; 

     /////////////// 

     function configureStates(states, otherwisePath) { 
      states.forEach(function(state) { 
       $stateProvider.state(state.state, state.config); 
      }); 
      if (otherwisePath && !hasOtherwise) { 
       hasOtherwise = true; 
       $urlRouterProvider.otherwise(otherwisePath); 
      } 
     } 

     function getStates() { return $state.get(); } 
    } 
} 

我嘲笑了here on plnkr一个非常基本的版本

我的供应商：

angular 
    .module('plunker') 
    .provider('random', function() { 
    this.$get = helper; 
    this.getX = function() { 
     return 10; 
    } 

    function helper() { 
     var provider = { 
     getX: getX, 
     getY: getY 
     } 

     return provider; 

     function getX() { 
     return 10; 
     } 

     function getY() { 
     return 20; 
     } 
    } 
    }); 

所以，getX工作正常，但getY未定义。

恐惧，我失去了一些非常微不足道的东西。

Answer 1

它看起来像你有一个getter方法的getX但不是的getY：

this.getX = function() { 
    return 10; 
} 

this.getY = function() { 
    return 20; 
} 

这是你plunker的分支版本： http://plnkr.co/edit/lHBj6LiirisZ4Bb6DM9M?p=preview

Answer 2

你不是应该加入getY方法吗？

angular 
    .module('plunker') 
    .provider('random', function() { 
    this.$get = helper; 
    this.getX = function() { 
     return 10; 
    } 
    this.getY = function() { 
     return 10; 
    } 

    function helper() { 
     var provider = { 
     getX: getX, 
     getY: getY 
     } 

     return provider; 
     // not required after return statement, why you need them? 
    } 
});