/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

3 votes125 views3 answers
Change br height
CSS
0 vote115 views2 answers
Get all tables laravel
CSS
5 votes128 views6 answers
Css image
CSS
0 vote137 views1 answer
Css popover arrow divi menu
CSS
79 votes147 views6 answers
Css media query
CSS
0 vote119 views1 answer
Gulp association of files
CSS
-1 vote130 views1 answer
Line break inside content css
CSS
37 votes116 views2 answers
Css transform y
CSS
0 vote123 views1 answer
Remove double quotes from string kotlin
CSS
0 vote118 views1 answer
Get postfix version
CSS