代码之家 › 专栏 › 技术社区 › kmansoor

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

angularjs-directive angular

kmansoor · 技术社区 · 6 年前

.spinner )使用 @HostBinding . 它还添加/删除 img (spinner.gif)激活时。

如果出现在主机上,在 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');

1 回复 | 直到 6 年前

Chellappan à®µ 6 年前

使用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');  

  }
  }

https://stackblitz.com/edit/angular-renderer2-dispatch-event-f4j56o

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前