/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 vote335 views1 answer
Table td css
CSS
4 votes312 views2 answers
Transition various properties css
CSS
0 vote316 views1 answer
Grandezza caratteri css
CSS
0 vote348 views1 answer
Style scrollbar table
CSS
0 vote315 views1 answer
How to link css file nodjes
CSS
0 vote342 views2 answers
Text-align transform
CSS
0 vote430 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote329 views1 answer
Material form css
CSS
-1 vote337 views1 answer
Add shadow to background image css
CSS
-1 vote364 views2 answers
Css clip path text
CSS