/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

1 vote335 views1 answer
Css testo che scorre
CSS
0 vote336 views1 answer
How to use * in html
CSS
-1 vote314 views1 answer
Css tricks position
CSS
37 votes337 views4 answers
Css circle border
CSS
0 vote326 views1 answer
Remove svg border
CSS
0 vote334 views1 answer
Best os for programming
CSS
72 votes343 views6 answers
Css font size
CSS
0 vote329 views1 answer
Css pseudo-class no children
CSS
1 vote335 views2 answers
Css disabled hover none
CSS
16 votes351 views4 answers
Last child after css
CSS