/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 vote246 views1 answer
Html how to ensure that the header always on top
CSS
8 votes311 views1 answer
Center in the middle of the screen html css
CSS
2 votes180 views2 answers
Display flex align last item to left
CSS
0 vote217 views1 answer
Css how to center images in a table cell
CSS
0 vote179 views1 answer
Vsc css autocomplet
CSS
1 vote179 views1 answer
What css font smoothing
CSS
0 vote174 views1 answer
Jquery if css property is
CSS
1 vote195 views1 answer
Css use value of attribute
CSS
0 vote175 views1 answer
Remove Title spacing
CSS
1 vote189 views1 answer
Css grid auto resize on mobile
CSS