/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

1 vote262 views1 answer
Css font-variant
CSS
0 vote258 views1 answer
Hide navbar css
CSS
0 vote221 views3 answers
Image not rendering in tailwind css
CSS
0 vote264 views1 answer
How to make a flex container full page
CSS
0 vote248 views1 answer
Ion-img border radius
CSS
0 vote259 views1 answer
Style input type range shaded part only
CSS
2 votes230 views1 answer
Css text black outline
CSS
109 votes237 views6 answers
Center css
CSS
34 votes257 views1 answer
Css middle and center align div
CSS
20 votes258 views5 answers
How to add background image in react css
CSS