/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 vote106 views2 answers
Inter
CSS
9 votes113 views3 answers
Css font style
CSS
0 vote136 views1 answer
Using tinymce with tailwind css
CSS
32 votes120 views6 answers
Css font face
CSS
2 votes136 views1 answer
Css area not selectable
CSS
0 vote102 views1 answer
Rainvow hover css
CSS
0 vote103 views1 answer
Not the first child and not the last child css
CSS
1 vote108 views2 answers
Css module multiple classes
CSS
47 votes115 views6 answers
Text-overflow ellipsis css
CSS
1 vote114 views2 answers
Styles only for IE
CSS