/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

29 votes175 views4 answers
How to remove underline of link in css
CSS
0 vote190 views1 answer
.cameleons
CSS
1 vote190 views1 answer
Css color of input
CSS
0 vote177 views2 answers
Css background-clip
CSS
6 votes181 views3 answers
.row bootstrap
CSS Bootstrap
18 votes134 views2 answers
Hover transition css
CSS
2 votes165 views1 answer
Transition syntax css
CSS
0 vote175 views1 answer
Reorder images in mobile web developer
CSS
1 vote184 views1 answer
Css media queries pc and mobile
CSS
32 votes203 views6 answers
Alert bootstrap
CSS