/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 vote288 views1 answer
Card tailwind css
CSS
-2 votes285 views1 answer
How to add a button in html and css
CSS
33 votes354 views4 answers
How to change paragraph text color to Red css
CSS
3 votes283 views1 answer
Import font sass
CSS
10 votes301 views2 answers
Import css in another css file
CSS
0 vote291 views1 answer
Mixin parameters
CSS
0 vote303 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
2 votes333 views1 answer
Tailwind icon animation
CSS
0 vote291 views1 answer
Css grid auto row
CSS
0 vote298 views2 answers
How to do addition or subtraction on CSS Variables?
CSS