如何根据Angular 2中的状态设置body类?

时间:2016-06-26 16:43:06

标签: angular angular2-routing

这是我的index.html

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

“my-app”是我的bootstrap组件的选择器。这是bootstrap组件的模板:

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

它有许多路线状态。在其中一个我想改变身体类。可能吗?我使用router-deprecated组件

1 个答案:

答案 0 :(得分:1)

Angolar2目前还没有提供任何修改DOM以外的根组件(头部标题标签除外)。

您可以将根组件的选择器更改为body,注入ElementRef并根据需要进行修改。 在这种情况下,也可以使用@HostBinding

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

或者,您可以使用直接DOM访问来修改body元素。