2016-06-26 13 views
0

は、ここに私のindex.htmlです:状態に応じてボディクラスを角度2で設定する方法は?

... 
<body> 
    <my-app>Loading...</my-app> 
</body> 
... 

「私のアプリは、」私のブートストラップコンポーネントの選択です。ブートストラップコンポーネントのテンプレートは次のとおりです。

... 
@Component({ 
    selector: 'zen-app', 
    template: '<router-outlet></router-outlet>', 
... 

多くのルート状態があります。そのうちの1つでは、私はボディクラスを変更したい。出来ますか?私はrouter-deprecatedコンポーネントを使用しています

答えて

1

Angolar2は現在、ルートコンポーネントの外側にあるDOMを修正するための何も提供していません(頭のタイトルタグを除く)。

ルートコンポーネントのセレクタをbodyに変更し、ElementRefを注入し、必要に応じて変更することができます。この場合 も@HostBindingを使用することができます。

@HostBinding('class.someName') someName:boolean = true; 

代わりにあなただけのbody要素を変更するために、直接DOMへのアクセスを使用することができます。

+0

ヒントを教えてください。 –

関連する問題