2

Ember アプリには、アプリがサポートする 2 つの異なる言語用に 2 つの異なるテンプレートがあります。したがって、アプリケーション テンプレートは次のとおりです。

{{outlet}}

アプリが英語モードの場合、eng テンプレートがアウトレットでレンダリングされます。逆に、他の言語のテンプレートが代わりにレンダリングされます。

ページ内のすべての要素の色を変更する、言語ごとに 1 つずつ、2 つの個別の css ファイルがあります。テンプレートが変更されたときに、この css をその場で交換したいと思います。

Emberでこれを行うための最良の方法を提案できますか?

4

1 に答える 1

4

クラスをアプリケーション ビューにバインドできます。

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*/
}
于 2013-09-26T18:33:19.770 に答える