/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

17 votes91 views1 answer
Css opacity example
CSS
0 vote92 views1 answer
Css grid no stretch
CSS
7 votes121 views1 answer
Remve arrow from input ype number
CSS
0 vote89 views1 answer
Mailto link with no decoration
CSS
0 vote93 views1 answer
Override Inline Styles with CSS
CSS
6 votes86 views1 answer
Div scrollable content
CSS
0 vote90 views4 answers
Uikit theme
CSS
0 vote111 views1 answer
Font intalic css
CSS
0 vote90 views2 answers
Webpack alias not working in jest
CSS
0 vote94 views1 answer
Not let user select in css
CSS