AngularJS how to use browser language detection?

Question

Hi I get text from database with http.get .How to get with browser detection ? How to use if clause ? I don't want to use translate.toogle()

    var mainCtrl = function ($scope, $http, $sce, $location,$timeout,$routeParams, toastr) {

    $scope.showPage = false;     
    $timeout(function(){
        $scope.showPage = true;
            },2000);


        $scope.trustedHtml = function (plainText) {
            return $sce.trustAsHtml(plainText);
        }

        $http.get('admin/api/?s=getAbout').success(

         ##### if browser En_en
            function(r){
                $scope.about = r.text_en;

         ##### if browser De_de
            function(r){
                $scope.about = r.text_de;
            }
        );

};

score 31 · Accepted Answer · answered Jun 16 '15 at 10:09

31

You can get the browser language using navigator.language:

var lang = $window.navigator.language || $window.navigator.userLanguage; 
if (lang === 'en-US') {
  console.log("language is english");
}

answered Jun 16 '15 at 10:09

alisabzevari

8,008
6
43
67

3

$window.navigator.language is only the browser's UI language and not the accepted languages. – Larry Flewwelling Apr 20 '16 at 22:25
It doesn't work with Chrome. The solution from Anushree is better. – Epharion Jan 19 '17 at 13:53
2

I'd use if(lang.indexOf('en') != -1) because there are: en-Au, en-SG, en-GB ...etc. – DavidDunham Aug 08 '17 at 13:11

score 13 · Answer 2 · edited May 23 '17 at 11:47

13

navigator.languages
    ? navigator.languages[0]
    : (navigator.language || navigator.userLanguage)

is the best way.

ref: JavaScript for detecting browser language preference

edited May 23 '17 at 11:47

Community

1
1

answered Jul 19 '16 at 07:02

Anushree Acharjee

854
5
15
30

AngularJS how to use browser language detection?

2 Answers2

Linked