/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 vote356 views1 answer
Had to add a tint to a picture on css
CSS
0 vote351 views1 answer
Bootstrap-navbar-containers
CSS
0 vote340 views1 answer
Django validation error css
CSS
1 vote329 views1 answer
How to get element details using cssselector using beautifulsoup
CSS
0 vote362 views1 answer
Make backgrond image smaller
CSS
0 vote314 views1 answer
Text flow top to bottom
CSS
1 vote343 views3 answers
Bootstrap table text vertical align center
CSS
5 votes339 views1 answer
How to make text not highlightable css
CSS
0 vote362 views1 answer
Opposite of visibility hidden in css
CSS
1 vote297 views2 answers
Summation in jupyter markdown
CSS