Angular-translate的localStorage:未知提供者:$ translateLocalStorageProvider

时间:2015-05-17 13:09:03

标签: angularjs angular-translate

我在Angular(v1.x)应用中使用angular-translate以及使用$ translateProvider.useStaticFilesLoader加载文件中的翻译

angular.module('myApp',['pascalprecht.translate'])

.config(function($translateProvider) {

     $translateProvider.useStaticFilesLoader(
          prefix: window.location.pathname.replace(/[\\\/][^\\\/]*$/, '') + '/__languages/',  // absolute path + language path
          suffix: '.json'
     });

     // $translateProvider.useLocalStorage();
}

Angular-translate完美无缺,但在使用时:

  $translateProvider.useLocalStorage();
我在this guide中提出

(在上面的代码中评论),我收到以下错误:

  

未捕获错误:[$ injector:unpr]未知提供商:$ translateLocalStorageProvider< - $ translateLocalStorage< - $ translate

当然我包含了所有需要的js文件:

<script src="bower_components/angular-translate/angular-translate.min.js"></script>
<script src="bower_components/angular-translate-loader-url/angular-translate-loader-url.min.js"></script>
<script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>

我甚至试图:

  • 在app.JS中添加&#39; angular-translate-storage-local&#39; 作为依赖
  • .config 块中添加 $ translateUrlLoader,$ translateStaticFilesLoader

1 个答案:

答案 0 :(得分:8)

您不必将angular-translate-storage-local作为依赖项添加到您的app.js文件中。

我认为你只是忘了在你的html中包含angular-translate-storage-local包:

 <script src="bower_components/angular-translate-storage-local/angular-translate-storage-local.min.js"></script>

Link to github