如何在angular 2中动态更改：host中的CSS？

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

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

:host {
  overflow-x: hidden
}

在从子组件单击按钮时，我需要向主机组件添加

overflow-y:hidden

如何实现这种行为？

使用以下主机绑定：

@HostBinding（'style.overflow-y'）overflowY='scroll'；

这将产生以下组成部分：

@组件({
选择器：“我的应用程序”，
模板：`
添加样式
你好
`，款式：[
`
：主持人{
溢出x：隐藏；
高度：50px；
宽度：200px；
显示：块；
}
`,
],
})
导出类应用程序{
名称：字符串；
@主机绑定（'style.overflow-y'）
overflowY='scroll'；
构造函数（）{
}
addStyle（）{
this.overflowY='hidden'；
}
}