jquery - 在运行时在 Ember 中更改 css

Question

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

{{outlet}}

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

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

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

Answer 1

您可以将一个类绑定(bind)到应用程序 View :

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