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

Question

我在我的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();

(在上面的代码中评论)如本指南中提出的,我收到以下错误:

未捕获错误:[$ 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>

我甚至试图:

• 添加'angular-translate-storage-local'作为app.JS中的依赖项
• 在.config块中添加$ translateUrlLoader,$ translateStaticFilesLoader.

Answer 1

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

我想你只是忘了angular-translate-storage-local在你的HTML中包含:

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

链接到github.