/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 vote294 views1 answer
Csshx iterm2
CSS
1 vote301 views2 answers
Apple font css
CSS
0 vote318 views2 answers
Background shrinks when responsive
CSS
0 vote290 views1 answer
How create checkbox ui like disabled checkbox using css
CSS
0 vote307 views1 answer
Btn keeps pushing down on window resize
CSS
58 votes280 views2 answers
How to set css style using jquery
CSS
7 votes282 views4 answers
Change button color html
CSS
0 vote336 views1 answer
Transparent circle in a div
CSS
10 votes294 views2 answers
Line-height css
CSS
0 vote277 views1 answer
Css animation not smooth site:stackoverflow.com
CSS