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

Question

我有支持 LTR 和 RTL 语言的 Emberjs 应用程序。我使用 ember-intl 插件来支持多种语言。我想知道有一种根据语言变化加载样式表的好方法吗？

Answer 1

我找到了解决办法

1-我在 app/styles

下添加了两个清单文件，一个是 LTR，另一个是 RTL

2-我更新了 ember-cli-build.js 中的配置以编译此文件，如 http://ember-cli.com/user-guide/#asset-compilation

中所述

3- 我在 index.html 中更新了样式 sheet link 以包括 class 用于 rtl 和 ltr

4- 在 route activate() 挂钩中我检查了 lang=ltr 是否移除 rtl 资产否则移除 ltr 资产

Answer 2

在第 4 步中，您可以使用 ember-meta-tags addon 根据您的语言将正确的样式文件添加到 html 树中。