/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 vote270 views1 answer
Css transparent background behind text
CSS
9 votes262 views5 answers
Css background full screen
CSS
44 votes294 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote245 views2 answers
Remove button shadow css
CSS
1 vote258 views1 answer
Insert background image css error
CSS
6 votes253 views4 answers
How to make the image in the center html
CSS
158 votes281 views5 answers
Css background image with url
CSS
2 votes253 views1 answer
Css text dont select
CSS
59 votes238 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
23 votes242 views5 answers
Align item center flex
CSS