以角度隐藏类答案

【问题标题】：To hide a class in angular以角度隐藏类
【发布时间】：2019-10-04 13:02:20
【问题描述】：

每当框悬停时，我试图将 ::before ::after css 选择器定位到弹出模式这可行，但是当我单击框并打开模式时，会附加箭头类。

我尝试删除类

elRef.nativeElement.queryselector(".arrow").remove()

还添加了一个显示无类

elRef.nativeElement.queryselector(".arrow").classList.add("hide")

 .hide{
       display: none
 }

我希望将箭头附加到框悬停并打开弹出窗口，而不是单击框并打开弹出窗口时

可重现的堆栈闪电战

【问题讨论】：

标签： css angular

【解决方案1】：

首先，您需要将隐藏类移动到style.css，其次您需要在模态关闭时删除隐藏类，例如

 this.element.nativeElement.querySelector('.arrow').classList.remove('hide');

【讨论】：

【解决方案2】：

首先，您的语法需要更正。应该是这样的

this.element.nativeElement.querySelector(".arrow").classList.add("hide");

其次，由于 Angular 默认启用了view encapsulation，因此您的样式需要进入hello.component.ts

【讨论】：