在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*/
}