/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 vote116 views1 answer
Select multiple id css
CSS
33 votes143 views6 answers
Linear gradient css
CSS
30 votes162 views6 answers
Linear gradient in CSS
CSS
0 vote148 views1 answer
Css animation 3d effect
CSS
1 vote154 views1 answer
No li style
CSS
47 votes142 views6 answers
Text-overflow ellipsis css
CSS
0 vote155 views1 answer
Dropcap - :first-letter pseudo class not working as expected in firefox
CSS
0 vote178 views1 answer
Rotate keyfreame animation
CSS
7 votes153 views2 answers
Text align justify
CSS
0 vote187 views1 answer
Poretty print css
CSS