/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 vote223 views1 answer
Flex item: 1;
CSS
0 vote201 views1 answer
Swiper center slides but not first slide
CSS
196 votes519 views10 answers
Internet explorer
CSS
1 vote194 views1 answer
Matinput remove underline
CSS
48 votes195 views6 answers
Media query min max
CSS
0 vote188 views1 answer
Body css margin, background, font-family, hei
CSS
0 vote207 views1 answer
Border none select
CSS
9 votes222 views3 answers
Resize checkbox
CSS
51 votes213 views6 answers
Css nth-child
CSS
0 vote210 views1 answer
Css input spaces between
CSS