AngularJS动态lang属性的html

发布时间：2020-12-17 10:16:57 所属栏目：安全来源：网络整理

导读：我需要一些帮助来动态更改 HTML的lang属性： html lang="en" 我正在使用AngularJS和休息后端制作多语言Web应用程序. 最初我可以指定一个默认的lang属性,但我想根据用户浏览器进行更改,或者如果用户在Web应用程序中选择一些语言选项,则更改它. 有办法吗？如

我需要一些帮助来动态更改 HTML的lang属性：

<html lang="en">

我正在使用AngularJS和休息后端制作多语言Web应用程序.
最初我可以指定一个默认的lang属性,但我想根据用户浏览器进行更改,或者如果用户在Web应用程序中选择一些语言选项,则更改它.

有办法吗？

如果您不想将控制器添加到< html>标签,如果你使用 angular-translate,那么你可以使用一个简单的指令来实现相同的.

当您的翻译成功加载或更改语言时,Angular-translates会提供一个事件$translateChangeSuccess(我假设您将使用$translate.use来更改当前语言).我们可以使用该事件创建自定义指令.

指令代码片段：

function updateLanguage( $rootScope ) {
    return {
      link: function( scope,element ) {
        var listener = function( event,translationResp ) {
          var defaultLang = "en",currentlang = translationResp.language;

          element.attr("lang",currentlang || defaultLang );
        };

        $rootScope.$on('$translateChangeSuccess',listener);
      }
   };
}
angular.module('app').directive( 'updateLanguage',updateLanguage );

并且您在html属性中添加了相同的指令.

<html update-language>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!