Angular 仅当主机上存在特定类时，角度渲染器2设置样式

我有一个（spinner）指令，可以使用

@HostBinding

添加/删除类（

.spinner

）。它还可以在激活时添加/删除

img

（spinner.gif）

如果主机上存在

.spinner

，将应用

scss

文件中定义的一系列样式：

.spinning {
  position: relative;
 }

.spinning img {
  display: block;
  width: 24px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
 }

我想从指令中在主机上应用这些样式。仅当使用

Renderer2

和

ElementRef

存在某个类时，才可以在主机上应用样式吗

这显然不起作用：

this.renderer.setStyle(this.el.nativeElement, '.spinning position', 'relative');

---

使用can ElementRef检查类是否存在于元素中

ngOnInit(){
  let present = this.ele.nativeElement.classList.contains('open');
  if(present){
  //Then add your style
   this.renderer2.setStyle(this.el.nativeElement,'color','red');  

  }
  }

---

示例：

你能提供stackblitz.com中的代码吗？我用指令创建了一个代码示例-请参阅添加和删除spinner类的

spinner指令，请参阅如何使用它的
应用组件。@Chybie，谢谢你的回复，但我不是问如何添加/删除类。