/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 vote224 views1 answer
Move element on new line css
CSS
0 vote239 views1 answer
Css tr border radius
CSS
0 vote221 views2 answers
Update Arch Linux
CSS
36 votes200 views5 answers
Text-color gradient css
CSS
76 votes178 views6 answers
Border radius css
CSS
42 votes252 views5 answers
Npm bootstrap
CSS Bootstrap
11 votes207 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote249 views1 answer
Wordpress header script add
CSS
1 vote217 views1 answer
Sass calculate and concat pixels
CSS
0 vote253 views1 answer
Bootstrap modal resize with jquery
CSS