/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 vote270 views1 answer
Css witdh
CSS
3 votes263 views1 answer
Css second td in table
CSS
0 vote272 views1 answer
Css in head or body
CSS
0 vote258 views1 answer
Choose grid position html
CSS
91 votes258 views6 answers
How to center div in css
CSS
5 votes242 views1 answer
Roblox player died
CSS
6 votes260 views2 answers
Transition prefixes css
CSS
1 vote257 views1 answer
Cards design html css
CSS
94 votes255 views2 answers
How bold text in css
CSS
1 vote263 views1 answer
Css put span on new line
CSS