jquery - 在 Ember 中运行时更改 css

Question

我的 Ember 应用程序中有两个不同的模板，用于应用程序支持的两种不同语言；所以应用程序模板只是：

{{outlet}}

当应用程序处于英语模式时，在插座中呈现 eng 模板，反之亦然呈现其他语言模板；

我有两个单独的 css 文件，每种语言一个，可以更改页面中所有元素的颜色；我想在模板更改时即时交换这个 css。

您能建议在 Ember 中执行此操作的最佳方法吗？

Answer 1

您可以将类绑定到应用程序视图：

App.ApplicationView = Ember.View.extend({
lang:'en',
classNameBindings:['lang'],
classNames:['app']
});

//CSS

.app.en{
color:blue;
    /*all other english styles*/
}

.app.fr{
color:red;
     /*all other french styles*/
}