Я хочу определить язык браузера и использовать этот язык в качестве языка приложения angularjs

Question

Я использую версию angularjs 1.5.5 и хочу автоматически определить язык браузера и перевести язык приложения на язык локального браузера

Answer 1

Вы можете использовать NavigatorLaguage , чтобы определить язык браузера вашего клиента.Проблема с NavigatorLanguage заключается в совместимости браузера.Вы также можете локализовать свое приложение, используя IP-адрес вашего клиента, например, если IP-адрес вашего клиента из Германии, вы можете доставить свой контент на немецком языке или, если IP-адрес вашего клиента из Ирана, вы можете доставить свой контент на персидском языке.

angular.module('app', []).controller('localization', function ($scope) {
            $scope.language = window.navigator.language;
        });

.localization-container{
    padding: 2em;
    background: linear-gradient(rgb(239, 239, 239),rgba(177, 177, 177, 0.1));

}
.hello-container{
    padding: .5em;
    background-color: rgb(10, 192, 159);
    color: #fff;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="app">
    <div ng-controller="localization" class="localization-container">
        <p>Your browser languge is: {{language}}</p>
        <hr>
        <p>Sayin hello base on language of your browser:</p>
        <div ng-show="{{IsAvailableLocalLanguage=language=='fa'||language=='fa-IR'}}" >
            <span class="hello-container">سلام</span>
        </div>
        <div ng-show="{{IsAvailableLocalLanguage=language=='de'}}">
            <span class="hello-container">Hallo</span>
        </div>
        <div ng-show="!IsAvailableLocalLanguage">
            <span class="hello-container">Hello</span>
        </div>
        <p>Note: I only supose your local languages beside English be Persian(fa), Persian(fa-IR), and German(de)</p>
    </div>
</div>