/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

1 vote154 views1 answer
Css grid minmax function
CSS
0 vote150 views1 answer
Deep selector
CSS
1 vote141 views1 answer
How to hide the bullet list css
CSS
0 vote146 views1 answer
Respnsive font size css
CSS
4 votes143 views2 answers
Change element in iframe
CSS
80 votes163 views6 answers
Add css file to html
CSS
0 vote147 views1 answer
Css aufzählungszeichen entfernen
CSS
3 votes170 views5 answers
Css keep aspect ratio image
CSS
-1 vote141 views1 answer
Css media queries laptop
CSS
1 vote145 views1 answer
How to check if eloquent result is empty
CSS