/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 vote185 views1 answer
Ionic textarea placeholder color
CSS
54 votes179 views6 answers
Background color css
CSS
1 vote201 views2 answers
How to make background more darker with css
CSS
-1 vote292 views6 answers
How to comment in css
CSS
2 votes175 views2 answers
Slick arrow css
CSS
2 votes131 views2 answers
Button hover disabled
CSS
0 vote193 views1 answer
How to give rgba in tailwind
CSS
67 votes279 views3 answers
St. Patrick's Day
CSS
0 vote175 views1 answer
Avoid side scrolling css
CSS
0 vote174 views1 answer
Css position element in the middle of a header
CSS