/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 vote177 views1 answer
Repartir div vertical ecran css
CSS
0 vote199 views1 answer
How to make background color smaller css
CSS
0 vote177 views1 answer
How to remove text selection in css
CSS
1 vote189 views1 answer
Sf pro font html
CSS
1 vote178 views1 answer
Div border glow effect css
CSS
0 vote239 views1 answer
How to truncate a multiline text using css
CSS
7 votes189 views2 answers
Css comic sans
CSS
2 votes196 views2 answers
Nunito font
CSS
52 votes185 views4 answers
Css change text size
CSS
0 vote177 views1 answer
To make card box appear more bigger when hover
CSS