/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

19 votes306 views6 answers
Css font
CSS
0 vote325 views1 answer
3d rotating text css
CSS
56 votes320 views6 answers
Center with css
CSS
1 vote355 views2 answers
How to compile scss to css
CSS
1 vote289 views1 answer
Select all class in css
CSS
4 votes302 views3 answers
How to not underline links in css
CSS
48 votes354 views6 answers
Media query min and max
CSS
0 vote321 views1 answer
Css3 ripple loop
CSS
0 vote275 views1 answer
Restrict css to apply on div
CSS
0 vote374 views2 answers
Fix materialize form label not working
CSS