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

AngularJS

Angular-translate是一款强大的AngularJS库，用于在应用程序中实现多语言支持。它提供了一个localStorage服务，可以将翻译过的文本存储在浏览器的本地存储中。这个localStorage服务的提供者是$translateLocalStorageProvider。

在实际开发中，我们常常需要为我们的应用程序增加多语言支持，以便能够满足不同用户的语言需求。而Angular-translate就是为了解决这个问题而生的。它不仅可以帮助我们实现页面上文本的翻译，还可以根据用户的首选语言自动切换显示语言。

如何使用$translateLocalStorageProvider

$translateLocalStorageProvider是Angular-translate库中用于操作localStorage的提供者。通过它，我们可以实现将翻译过的文本存储在浏览器的本地存储中，以便在下次加载应用程序时能够快速获取已翻译的文本，而不需要重新翻译。

下面是一个使用$translateLocalStorageProvider的简单示例：

Javascript
angular.module('myApp', ['pascalprecht.translate'])
  .config(function($translateProvider, $translateLocalStorageProvider) {
    // 配置翻译提供者
    $translateProvider.translations('en', {
      'GREETING': 'Hello!'
    });
    
    // 配置localStorage提供者
    $translateLocalStorageProvider.setStorageKey('myAppLang');
  })
  .controller('myCtrl', function($translate, $scope) {
    $scope.changeLanguage = function(langKey) {
      // 切换语言
      $translate.use(langKey);
    };
  });

在上面的示例中，我们首先通过$translateProvider配置了一个翻译提供者，将英文的问候语"Hello!"翻译为'GREETING'。然后，我们通过$translateLocalStorageProvider配置了一个localStorage提供者，设置了存储键为'myAppLang'。

在控制器中，我们注入了$translate服务和$scope，然后定义了一个changeLanguage方法，用于切换语言。当用户点击切换语言按钮时，我们调用$translate.use方法，将用户选择的语言作为参数传入，从而实现语言的切换。

Angular-translate是一个强大的AngularJS库，可以帮助我们在应用程序中实现多语言支持。通过使用其localStorage服务提供者$translateLocalStorageProvider，我们可以将翻译过的文本存储在浏览器的本地存储中，从而实现快速获取已翻译的文本的功能。以上是一个简单的示例代码，希望能帮助你开始使用Angular-translate库来实现多语言支持的功能。