如何通过typescript类更改body类(angular2)

在这里,您可以简单地使用Angular2组件中的本机JavaScript来更改标记的类: -

let body = document.getElementsByTagName('body')[0];
body.classList.remove("className");   //remove the class
body.classList.add("className");   //add the class

一种不依赖于直接DOM操作的方法是,通过使用bodyas作为选择器使标记成为app元素,并使用host-binding来更新app元素类.

@Component({
   selector: 'body',
   host:     {'[class.someClass]':'someField'}
})
export class AppElement implements AfterViewInit {
  someField: bool = false;
  // alternatively to the host parameter in `@Component`
  // @HostBinding('class.someClass') someField: bool = false;

  ngAfterViewInit() {
    someField = true; // set class `someClass` on ``
  }
}