Javascript 在第7章中，如何从英语（LTR）加载阿拉伯语（RTL）的CSS

我正在Angular 7中开发一个应用程序，使用ngx translate进行国际化和基于引导的AdminLTE 3。 我有两个css：

一个用于基于LTR的语言

另一个是基于RTL的语言 当我选择阿拉伯语作为RTL方向时，如何加载bootstrap_RTL.css和卸载bootstrap_ltr.css

<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
    <a class="dropdown-item" (click)="useLanguage('en')">
      English
    </a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" (click)="useLanguage('ar')">
      Arabic
    </a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" (click)="useLanguage('ta')">
      Russian
    </a>
</div>

---

如果翻译文件是

rtl

或

ltr

，则可以在翻译文件中创建一个键作为当前主题的标记，并且该值将更改所选语言的基础

style.scss

.ltr{
@导入“主题/_en”；
}
.rtl{
@导入“主题/_ar”；
}

_ar.json

{
“当前主题”：“rtl”
}

_en.json

{
“当前主题”：“ltr”
}

app.template

---

//每个样式是否有单独的文件，是否使用css变量控制样式？能否提供每个css LTR和RTL的前30行？