/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

21 votes248 views6 answers
Text border css
CSS
1 vote167 views2 answers
Pure css spinner
CSS
0 vote204 views1 answer
Target element pseudo-classes
CSS
0 vote226 views1 answer
How to change border height in css
CSS
1 vote212 views1 answer
Css cursor size
CSS
2 votes225 views1 answer
Css square image
CSS
2 votes157 views1 answer
Css unselectable
CSS
0 vote195 views1 answer
Input readonly css
CSS
0 vote200 views1 answer
Django validation error css
CSS
0 vote238 views1 answer
Text slide animation css
CSS