如何在Angular 8的一个组件中有条件地添加两个css文件

Question

组件包含一个表单，我想使用两种语言，每种语言都有自己的CSS样式，一个用于方向:ltr;另一个方向:rtl;

如何在组件上有条件地使用2个css文件?

该组件包含一个对话框显示，

ngAfterViewInit() {
this.dialog.open(chooseLanguageComponent); 
}

所以用户可以选择喜欢哪种语言如果用户选择英语形式的组件使用style1.css如果他选择阿拉伯英语组件使用style2.css

I use angular 8/angular material/NG-ZORRO

Answer 1

为什么不直接在body中使用类呢?

当您更改语言以添加例如".rtl"或";.ltr"类到主体，那么与每次对齐相关的样式应该在类名之前，就像这样。

.rtl p {
text-align: right;
}
.ltr p {
text-align: left;
}