/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 vote111 views1 answer
Display elements in column css
CSS
0 vote120 views1 answer
Faire d'une image un lien vers le haut de page css
CSS
0 vote113 views1 answer
How mto change the label font style in css
CSS
2 votes125 views1 answer
Css prevent text blue selection
CSS
0 vote102 views1 answer
All the divs from inside of another div css
CSS
3 votes108 views1 answer
Css image fit in div with aspect ratio
CSS
66 votes105 views6 answers
Remove bullets from list css
CSS
15 votes99 views2 answers
Custom selection color css
CSS
0 vote98 views2 answers
Remove button shadow css
CSS
48 votes103 views3 answers
Red color rgb
CSS