/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 vote129 views1 answer
FusedLocationClient.removeLocationUpdates
CSS
2 votes145 views2 answers
Display none transition
CSS
145 votes263 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote160 views2 answers
Hoq to give paragraph color css
CSS
7 votes141 views2 answers
Make all images same size css
CSS
0 vote130 views1 answer
Npm registry package not found
CSS
2 votes126 views1 answer
How to add space between menu items in css
CSS
33 votes137 views6 answers
Gradient css
CSS
17 votes122 views1 answer
Css align items vertical center
CSS
0 vote120 views1 answer
Values play state animation css
CSS