/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 vote313 views1 answer
Css animate border
CSS
0 vote299 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
2 votes293 views2 answers
How use befor after for image
CSS
0 vote308 views1 answer
Icon float right side input css
CSS
1 vote297 views2 answers
Input autocomplete css color
CSS
0 vote305 views1 answer
How to use class form scss reactjs
CSS
0 vote322 views1 answer
How to give opacity to background only
CSS
7 votes305 views2 answers
Use text-align to justify the paragraph style
CSS
0 vote276 views1 answer
Padding 4 values
CSS
46 votes329 views2 answers
Customize scrollbar
CSS