/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

3 votes369 views2 answers
How to split a background into two color in css
CSS
0 vote368 views1 answer
Chrome extension detect copy action
CSS
0 vote347 views1 answer
Details summary hide arrow
CSS
28 votes368 views3 answers
Text gradient css3
CSS
7 votes374 views3 answers
Push failed
CSS
0 vote359 views1 answer
Animation clip path
CSS
29 votes421 views6 answers
Input focus border
CSS
2 votes373 views1 answer
How to add space between menu items in css
CSS
0 vote373 views1 answer
Color around the text
CSS
5 votes343 views1 answer
Css assign multiple classes to one element
CSS