/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 vote176 views1 answer
Code-runner.executormap kotlin
CSS
5 votes153 views3 answers
How to make a linear gradient in css
CSS
1 vote165 views1 answer
Change the color of an hr
CSS
1 vote162 views1 answer
Css url do not change color of visited links
CSS
0 vote180 views1 answer
Chrome close tab after print
CSS
0 vote153 views2 answers
Materialize css
CSS
0 vote187 views2 answers
Css hexagon with text inside
CSS
0 vote167 views1 answer
Credimax
CSS
0 vote201 views1 answer
Enable xdebug ddev
CSS
1 vote162 views1 answer
Css retirer les puces
CSS