/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

0 vote198 views1 answer
Material form css
CSS
1 vote233 views1 answer
Hide cursor css
CSS
0 vote204 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS
0 vote299 views1 answer
Easyui datagrid header font size
CSS
0 vote192 views1 answer
Add padding to gnome terminal
CSS
38 votes214 views3 answers
Cool ways to color a background with css
CSS
0 vote204 views1 answer
Paper.css
CSS
0 vote213 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
0 vote219 views2 answers
How to use font awesome unicode in css
CSS
0 vote205 views1 answer
Css make background image repeat horizontal
CSS