/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

12 votes366 views4 answers
Hover on one div affect another
CSS
49 votes414 views5 answers
How to remove bullets from ul
CSS
6 votes382 views2 answers
How to add scss to a react app
CSS
0 vote379 views1 answer
Css 4 3 ratio
CSS
0 vote353 views1 answer
Calc in css fonts
CSS
0 vote362 views1 answer
Html click through image
CSS
0 vote346 views1 answer
Scss darken color
CSS
4 votes364 views3 answers
Css selection
CSS
0 vote336 views1 answer
Inexorably
CSS
0 vote328 views1 answer
Div style how to wrap around
CSS