代码之家 › 专栏 › 技术社区 › Lynob

如何从组件切换到<html=“rtl”>?

ngx-translate angular6 angular

Lynob · 技术社区 · 6 年前

我用的是Angular 6,和ngx translate。切换到rtl而不影响主题的唯一方法是 <html dir="rtl">

在 component.ts :

switchLanguage(language: string) {
  this.translate.use(language);
  localStorage.setItem('lang', JSON.stringify(language));
}

dir="rtl" <html> 如果 language === "ar" ,否则删除它?

2 回复 | 直到 6 年前

Lynob 6 年前

我忘了提到从一个 div 不起作用,我测试了在问问题之前,正确切换主题的唯一方法是将其添加到 <html> CoreUI Free Angular 2+ Admin Template 我用的就是这个。

我设法解决了这个问题

  switchLanguage(language: string) {
    this.translate.use(language);
    if (language !== 'ar' && document.getElementsByTagName('html')[0].hasAttribute('dir')) {
      document.getElementsByTagName('html')[0].removeAttribute('dir');
    } else if (language === 'ar' && !document.getElementsByTagName('html')[0].hasAttribute('dir')) {
      document.getElementsByTagName('html')[0].setAttribute('dir', 'rtl');
    }
    localStorage.setItem('lang', language);

  }

Or Yaacov 6 年前

你可以从html标签中读取输入信息,

您可以在组件中使用绑定:

<div  [dir]="isRtl"></div>

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前