/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

5 votes119 views2 answers
Style disabled button
CSS
1 vote119 views1 answer
The user specified as a definer does not exist
CSS
0 vote114 views1 answer
Radio button css only 1
CSS
0 vote119 views1 answer
Css dashed double border
CSS
0 vote110 views1 answer
Change the background of an element in a loop using css
CSS
47 votes115 views5 answers
Nth-child() css
CSS
0 vote109 views1 answer
Media screen desktop
CSS
0 vote133 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
2 votes113 views1 answer
Make blur with css
CSS
1 vote126 views1 answer
Html if text too long newline
CSS