/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

5 votes368 views2 answers
Materialize css cdn
CSS Materialize
0 vote261 views1 answer
Css transition only once
CSS
7 votes296 views2 answers
Background color semi transparent
CSS
-2 votes297 views1 answer
Reduce image size on mobile view css
CSS
1 vote269 views1 answer
How to view downloading speed
CSS
37 votes254 views2 answers
Css transform y
CSS
0 vote288 views1 answer
Increase the distance between paragraphs css
CSS
0 vote246 views1 answer
Remove svg border
CSS
0 vote278 views2 answers
Css prevent scrolling behind overlay
CSS
2 votes279 views2 answers
Css heading background line
CSS