/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

27 votes191 views6 answers
Import font css
CSS
0 vote207 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
5 votes217 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote204 views2 answers
Style message d'erreur css
CSS
0 vote187 views2 answers
Webpack alias not working in jest
CSS
0 vote203 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
20 votes171 views7 answers
Css vertical align
CSS
0 vote191 views1 answer
Elementsone after other css
CSS
0 vote189 views2 answers
Blockquote quotation marks css
CSS
1 vote240 views1 answer
Input date icon color change
CSS