大佬教程收集整理的这篇文章主要介绍了从Angular 2组件访问root html标记,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
让我来介绍一下背景.我正在尝试使用Angular 2构建一个多语言站点,我遇到了一个我无法找到解决方案的问题.问题是我在html标签中使用lang属性来定义网站每个时刻的语言,例如:
<html lang="en"> // When we have English locale active
因此,当用户点击其他语言时,我使用Ng2-translate更新网站语言,这非常有效.问题是我需要相应地更新属性,但我无法在Angular 2中找到正确的方法(如果它甚至可能).
现在,我直接触摸DOM,但这对我不起作用,因为我需要从中抽象(我也使用Universal,所以我需要服务器端渲染才能工作).
目前,应用程序的样式在此属性上传递(我们支持阿拉伯语,这意味着如果lang =“ar”,则更改文本的方向).我想我可以在我的主要组件上使用类或类似的东西,但使用lang属性对我来说似乎是正确的方法.有任何想法吗?
谢谢
import { Inject } from '@angular/core'; import { Translateservice } from '@ngx-translate/core'; import { DOCUMENT } from '@angular/platform-browser'; export class AppComponent { constructor(private translate: Translateservice,@Inject(DOCUMENT) private _document: any) { translate.onLangChange.map(x => x.lang) .subscribe(lang => this._document.documentElement.lang = lang); } }
以上是大佬教程为你收集整理的从Angular 2组件访问root html标记全部内容,希望文章能够帮你解决从Angular 2组件访问root html标记所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。