javascript - 选择不同的语言时更改样式表。

我有一个支持标准左写内容的 angular 6 应用程序。我需要阿拉伯语支持，所以我做了一些研究并了解了 Bootsrap RTL。我需要知道是否可以在主页中选择一种语言时重新加载整个 style.scss 文件。如果我选择阿拉伯语，则应加载 RTL，否则默认为 LTR。先感谢您。

标签： javascriptcssangular

您可以通过 JS 更改元素 ( ) 的lang属性并在 css 中根据该属性设置方向，因此无需加载其他资源，例如root<html>rtl

JS（切换语言）

document.documentElement.setAttribute('lang', 'ar');

CSS

body { 
   direction: ltr;
}

[lang="ar"] body {
   direction: rtl;
}