我需要一些帮助来动态更改
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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。