Angularjs Provider $ get方法错误在config()

时间:2014-08-25 07:24:57

标签: javascript angularjs http

我刚刚设置了一个简单的Provider,它将从Web服务器检索语言json文件,并在config()方法中将其提供给Angular。

所以我做了提供者:

 .provider('language', function () {

    var languageWsURL
      , languageCode
      , languageAppName;

    return {
      'setLanguageWsURL' : function (url) {

        languageWsURL =  url;
      },
      'setLanguageAppName' : function (name) {

        languageAppName = name;
      },
      'setLanguageCode' : function (code) {

        languageCode = code;
      },
      '$get': ['$rootScope', '$window', '$http', function ($rootScope, $window, $http) {

        var loadLanguage = function () {

          if (languageWsURL && languageCode && languageAppName) {

            $http({
              'method':'GET',
              'url': languageWsURL,
              'params': {
                'application':languageAppName,
                'langCode':languageCode
              }
            }).success(function (data) {

              if (data.data && data.data.length > 0) {

                $rootScope.lang = data.data;
              }
            }).error(function (err) {

              $window.console.log('Error while retrieving app lang - languageProvider : ' + err);
            });
          } else {

            $window.console.error('Missing params to load language in languageProvider');
          }
        };

        return {
          'loadLanguage':loadLanguage
        };
      }]
    };
  });

我在index.js

中创建了一个小的config()
.config(['languageProvider', function (languageProvider) {

    languageProvider.setLanguageWsURL('http://localhost:3000');
    languageProvider.setLanguageAppName('antani');
    languageProvider.setLanguageCode('en');
    languageProvider.loadLanguage(); //error here

  }]);

问题是它无法正常工作,languageProvider.loadLanguage()在控制台中抛出一个很难读的错误:

http://errors.angularjs.org/1.2.23/$injector/modulerr?p0=app&p1=TypeError%3A%20undefined%20is%20not%20a%20function%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Fassets%2Fjs%2Findex.js%3A15%3A21%0A%20%20%2

有任何线索吗?

2 个答案:

答案 0 :(得分:1)

$get对象用于创建实际服务。它在配置阶段不可用。

如果要在配置阶段调用它,请在$ get实现之外定义loadLanguage函数。

答案 1 :(得分:1)

languageProvider没有方法loadLanguagelanguage。 由于您无法向config()注入服务,因此您的代码应如下所示:

.config(['languageProvider', function (languageProvider) {
   languageProvider.setLanguageWsURL('http://localhost:3000');
   languageProvider.setLanguageAppName('antani');
   languageProvider.setLanguageCode('en');      

}])
.run(['language',function(language){
   language.loadLanguage();
}]);