Как сохранить последние переводы с помощью angularJS после обновления моей страницы?

Question

Я только начинаю с angularJS, и я хочу добавить вариант перевода в мое приложение.

Я пробовал эту настройку с одной переменной для моего первого теста с помощью 2-х кнопок, которые относятся к 2-мя языкам разных языков, местный язык - АНГЛИЙСКИЙ, а второй - FRENSH, и это работает, но проблема заключается в обновлении моего приложения, на местный язык. как я могу решить эту проблему. это мой код на угловом.

 '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); 
     }; 
    }); 

Спасибо

Answer 1

Вы, вероятно, захотите использовать какой-то из localStorage службы, чтобы сохранить выбранный язык.
Вам нужно будет решить, какой вид настойчивости (по сеансу? Пользователем?) Вы хотите достичь, чтобы выбрать лучшую модель настойчивости ...

Answer 2

Вы должны использовать способ сохранения данных во время время жизни вашего применения.

например, вы можете использовать куки.

Но если вы хотите сделать это угловую как вы можете использовать $localStorage или $sessionStorage из this repo

есть и другие хранилища, а также.

После этого, когда пользователь обновить страницу, которую вы можете проверить для языковой информации, сохраненной в сеансе ($sessionStorage) или браузер ($localStorage) и отображать правильный язык.

как @MarcoS сказал, если вы хотите показать еще один язык для конкретных пользователей, вы должны хранить и получать информацию о языке из базы данных.

goodluck!