0

私はangularJSで始まったばかりです。翻訳のオプションを自分のアプリケーションに追加したいと思います。私のページをリフレッシュした後にangularJSで最後に翻訳を保持する方法は?

2つの異なる言語を参照する2つのボタン、ローカル言語はENGLISH、2番目はFRENSHですが、問題はアプリケーションをリフレッシュした後の変数です現地語にどうすればこの問題を解決できますか?これはangularJSの私のコードです。

 'use strict'; 
    var app = angular.module('app', ['pascalprecht.translate']); 
    app.config(function($translateProvider) { 
    $translateProvider.fallbackLanguage('en'); 
    $translateProvider .translations('en', { 
     msg : 'Hello', 
     }) 
     $translateProvider.translations('fr', { 
     msg : 'bonjour' 
     }); 
     $translateProvider.preferredLanguage('en'); 
    }); 
    app.controller('Ctrl', function($translate, $scope) { 
     $scope.changeLanguage = function (langKey) { 
     $translate.use(langKey); 
     }; 
    }); 

はおそらく、選択した言語を保存するためにlocalStorageサービスのいくつかの種類を使用したいと思うでしょうあなた

+0

AngularJSでCookieを使用して値を維持できます。参照の回答 - http://stackoverflow.com/questions/35480998/array-like-static-possible-in-angular-js/35481890#35481890 –

答えて

0

ありがとうございます。
達成する永続性の種類を決める必要があります(セッションごとにユーザーごとに)?使用する持続性モデルを選択するには...

0

あなたのアプリケーションの生涯。

たとえば、Cookieを使用できます。

しかし、あなたはそれをあなたが他のリポジトリが同様にあるthis repo

から$localStorageまたは$sessionStorageを使用することができ、角度の方法をしたい場合。

ユーザーがページを更新すると、セッションに保存された言語情報($sessionStorage)またはブラウザ($localStorage)を確認し、正しい言語を表示できます。

@MarcoSは、特定のユーザー向けに別の 言語を表示したい場合は、データベースから言語情報を保存し、取得する必要があります。

goodluck!

関連する問題