/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 vote232 views1 answer
Css borrar
CSS
0 vote226 views1 answer
/* */
CSS
0 vote226 views1 answer
Center a spinner css
CSS
1 vote221 views2 answers
Image to fill container size
CSS
0 vote217 views1 answer
Ms-clear event
CSS
0 vote219 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
26 votes215 views4 answers
How to move text up and down in html
CSS
9 votes222 views2 answers
Flex float
CSS
0 vote215 views2 answers
Css flip text
CSS
2 votes175 views1 answer
Css unselectable
CSS