如何动态更改CSS in：host in angular 2？

Question

如何动态更改组件主机的CSS属性？

我有一个组件，在它的CSS中我给了它一个stlye：

:host {
  overflow-x: hidden
}

在从子组件单击按钮时，我需要将overflow-y: hidden添加到主机组件。

我如何实现这种行为？

Answer 1

这是plnkr https://plnkr.co/edit/VF2WP2daF86wwbmdS5I3?p=preview

使用

getTargetId() {
    if (this.authenticationService.isAuthenticated()) {
        const userInfo = JSON.parse(sessionStorage.getItem('currentUser'));
        console.log(userInfo.data._id);
    }
}