Привязать ngStyle к динамическому ElementRef директивы - PullRequest
Новая
       4

Привязать ngStyle к динамическому ElementRef директивы

0 голосов
/ 06 декабря 2018

Я разрабатываю директиву для динамического добавления elementRef к текущему элементу.Можно ли связать директиву ngStyle с динамически создаваемым elementRef. 

  dynamicElementStyle: { [key: string]: string; };

  constructor(private _element: ElementRef, private _renderer: Renderer2) { }

  @HostListener('mouseover') onHover() {
    this.dynamicElementStyle.background-color = "red";
  }

  @HostListener('mouseleave') onHover() {
    this.dynamicElementStyle.background-color = "green";
  }

  public ngOnInit(): void {
    const dynamicElement = this._renderer.createElement('div');
    /* How to bind dynamicElementStyle to this dynamicElement */   
    this._renderer.appendChild(this._element.nativeElement, dynamicElement);
  }

Я не буду использовать Renderer2.setStyle () для применения стиля, но буду использовать объект.Это может быть как ngStyle, так и ngClass, ngIf и т. Д.

...