Angular2将类添加到身体标记

Question

如何将身体标记添加到身体标记中而不将身体作为应用选择器并使用主机绑定？

我试过unsing渲染器，但它改变了整个身体

Angular 2.x bind class on body tag

我工作的一大angular2应用程序，并更改根选择将影响大量的代码，>我将有当我打开一个模态分量（动态创建的），我希望文档滚动条隐藏

Answer 1

我很想评论 ：改变了很多代码

我的使用情况是这样的。但由于缺少名誉，我写了一个答案。 那么我知道解决这个问题的两种可能性。

1. 注入全局文档。那么它可能不是最好的做法，因为我不知道nativescript等支持。但它至少比使用纯JS更好。

 

     constructor(@Inject(DOCUMENT) private document: Document) { 

     } 



     ngOnInit(){ 
      this.document.body.classList.add('test'); 
     } 

好，甚至更好。您可以注入渲染器或渲染器2（在NG4上）并将渲染器添加到渲染器中。

 
export class myModalComponent implements OnDestroy { 

    constructor(private renderer: Renderer) { 
    this.renderer.setElementClass(document.body, 'modal-open', true); 
    } 

    ngOnDestroy() { 
    this.renderer.setElementClass(document.body, 'modal-open', false); 
    } 

编辑ANGULAR4：

 
export class myModalComponent implements OnDestroy { 

    constructor(private renderer: Renderer2) { 
    this.renderer.addClass(document.body, 'modal-open'); 
    } 

    ngOnDestroy() { 
    this.renderer.removeClass(document.body, 'modal-open'); 
    }