/CSS/How to add css using nativeelement in angular

How to add css using nativeelement in angular

import { ..., AfterViewInit, ElementRef, ViewChild, Renderer2, ... } from '@angular/core';
...
export class AdvertisementDirective implements AfterViewInit {

  @ViewChild('templateRefName') el: ElementRef;

  constructor(
    private renderer: Renderer2
  ) {
  }

  ngAfterViewInit() {
    this.renderer.setStyle(this.el.nativeElement, 'background', 'yellow');
    this.renderer.setProperty(this.el.nativeElement, 'innerHTML', '<p>Hello World<p>');
  }

}

Source: stackoverflow.com

Similar codes

0 vote139 views1 answer
Offsetx and offsety in css
CSS
2 votes79 views1 answer
Alignitems
CSS
1 vote113 views1 answer
Li only showing first bullet
CSS
1 vote246 views1 answer
Use css in cshtml
CSS
0 vote89 views1 answer
Css disable animation on load
CSS
18 votes178 views2 answers
Rgba blue colo
CSS
420 votes281 views6 answers
Delete array element
CSS
15 votes119 views2 answers
Border-box css
CSS
0 vote115 views1 answer
Style scroll react csss
CSS
1 vote110 views1 answer
Reset all input styles with 1 property css
CSS