/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

2 votes357 views2 answers
How to move text down in css
CSS
1 vote361 views1 answer
Add image to div in css
CSS
0 vote390 views1 answer
Not for specific child class
CSS
-2 votes375 views2 answers
Tailwind border bottom
CSS
37 votes342 views2 answers
Css transform y
CSS
0 vote396 views1 answer
Random color scss
CSS
6 votes373 views1 answer
How to make text wrap on overfloe with css
CSS
1 vote403 views1 answer
Css Safari conditional
CSS
0 vote403 views1 answer
Reindent sublime
CSS
4 votes373 views3 answers
Css moz webkit generator
CSS