Ember.js 如何根据Emberjs中的语言变化动态加载样式表

Ember.js 如何根据Emberjs中的语言变化动态加载样式表,ember.js,ember-cli,Ember.js,Ember Cli,我有一个支持LTR和RTL语言的Emberjs应用程序。我使用ember intl插件来支持多种语言。我想知道有没有一种基于语言变化加载样式表的好方法?我找到了一个解决方案 1-I在app/styles下添加了两个清单文件,一个是LTR,另一个是RTL 2-I更新了ember-cli-build.js中的配置,以按照中的说明编译此文件 3-我更新了index.html中的样式表链接,以包含rtl和ltr类 4-在route activate()hook中,我检查了lang=ltr是否删除rtl资

我有一个支持LTR和RTL语言的Emberjs应用程序。我使用ember intl插件来支持多种语言。我想知道有没有一种基于语言变化加载样式表的好方法?

我找到了一个解决方案

1-I在app/styles下添加了两个清单文件,一个是LTR,另一个是RTL

2-I更新了ember-cli-build.js中的配置,以按照中的说明编译此文件

3-我更新了index.html中的样式表链接,以包含rtl和ltr类


4-在route activate()hook中,我检查了lang=ltr是否删除rtl资产,否则是否删除ltr资产在步骤4中,您可以根据您的语言将正确的样式文件添加到html树中。

我认为这个答案适用:。特别是关于它的一点通常不值得麻烦。每个工作表有多大?您可以在样式表前面加一个类,并在您的或其他顶级标记上动态设置这个类。