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