如何动态地从组件向主体添加样式

我想在单击按钮时从组件动态添加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;">不起作用

你必须创建一个类：

.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>

相关内容

最新更新

热门标签：