/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 vote167 views1 answer
How to create wave like border
CSS
3 votes148 views2 answers
Div align right in css
CSS
64 votes142 views6 answers
Center image html
CSS
1 vote185 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote160 views5 answers
How many px is iphone 12 pro max css
CSS
50 votes149 views3 answers
Simple css reset
CSS
2 votes154 views1 answer
How to remove bullets from li
CSS
0 vote105 views1 answer
Css click through element
CSS
1 vote156 views1 answer
Ionic textarea placeholder color
CSS
0 vote174 views2 answers
Css removing title popups
CSS