/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

4 votes143 views3 answers
Glowing text css
CSS
0 vote144 views2 answers
How to do addition or subtraction on CSS Variables?
CSS
1 vote133 views1 answer
How do you display a border like this:
CSS
22 votes154 views5 answers
Center grid
CSS
-2 votes153 views2 answers
Text sliding css
CSS
23 votes103 views5 answers
Font weight css
CSS
0 vote140 views1 answer
Hide title wordpress
CSS
0 vote131 views2 answers
Mask image css
CSS
41 votes156 views2 answers
Add ... to long text css
CSS
39 votes140 views6 answers
Css pointer-events
CSS