Angular 2.x在body标签上绑定类

使用作为应用程序组件工作正常,但您不能在标记上使用绑定,因为它尝试将"isFixed"绑定到父级,并且没有父级.

请@HostBinding改用

@Component(
  selector: 'body',
  templateUrl: 'app_element.html'
)
class AppElement {
  @HostBinding('class.fixed') 
  bool isFixed = true;
}

这是Dart代码,但将其转换为TS应该不难.

另请参阅@HostBinding和@HostListener:它们做了什么以及它们用于什么？

如果不依赖于服务器端呈现或Web工作者,则可以始终使用纯JS来更新DOM.

或者你可以使用

document.body.classList.add('foo');