/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

1 vote338 views1 answer
Url css
CSS
51 votes317 views6 answers
Ellipsis css
CSS
6 votes350 views2 answers
Css border opacity
CSS
0 vote333 views2 answers
Remove button shadow css
CSS
0 vote350 views2 answers
Wow.js
CSS
0 vote350 views1 answer
Elemento SPAN
CSS
1 vote364 views1 answer
Margin clickable
CSS
0 vote355 views1 answer
Ffmpeg add text with positions relative to video & text dimensions
CSS
0 vote358 views1 answer
How to get text to auto break in a grid
CSS
3 votes362 views3 answers
Remove clicked button border
CSS