如何从组件动态添加样式到正文答案

【问题标题】：How to add style to body from component dynamically如何从组件动态添加样式到正文
【发布时间】：2017-06-20 13:55:45
【问题描述】：

我想在单击按钮时从组件动态添加style="overflow:hidden" 在body 标记中。单击此<a> isWriteEmail 将为真，此时应将overflow:hidden 添加到正文

<a href="javascript:void(0)"
    class="mail-ac-ico"
    (click)="appComponent.isWriteEmail = true;"
    data-toggle="tooltip"
    tooltip="Compose"
    title="Compose">
    <img src="assets/images/icons/icon-open-email.png"
                            alt="email icon">
</a>

试过这个 <body *ngIf="isWriteEmail" style="overflow: hidden;"> 没用

【问题讨论】：

Add class to body on Angular2的可能重复

标签： angular typescript

【解决方案1】：

你必须创建一个类：

.overflowHidden {
    overflow: hidden
}

然后，在模板中：

<a href="javascript:void(0)"
    class="mail-ac-ico"
    (click)="appComponent.isWriteEmail = true;"
    [class.overflowHidden]="appComponent.isWriteEmail"
    data-toggle="tooltip"
    tooltip="Compose"
    title="Compose">
    <img src="assets/images/icons/icon-open-email.png" alt="email icon">
</a>

【讨论】：

这里添加类不行，需要在body添加溢出