/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

5 votes294 views3 answers
How to make a dotted hr in css
CSS
9 votes278 views1 answer
Make background full on every screen css
CSS
27 votes273 views1 answer
Css how to create gradients on text outline
CSS
0 vote261 views1 answer
Call circle icon in html css
CSS
6 votes295 views2 answers
Css make text transparent
CSS
1 vote286 views1 answer
Free computer screen recording software
CSS
19 votes279 views3 answers
Bootstrap media queries
CSS Bootstrap
2 votes350 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
3 votes270 views1 answer
How to remove underline from link of p in css
CSS
0 vote279 views1 answer
Css option value
CSS