/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 votes194 views1 answer
Css area not selectable
CSS
6 votes120 views1 answer
Jqeury css edit
CSS
0 vote156 views1 answer
Delete files with help of .getignore
CSS
9 votes151 views3 answers
Animation on scroll css
CSS
0 vote176 views1 answer
Css create array
CSS
0 vote151 views1 answer
How to use hr lines in a class css
CSS
3 votes151 views1 answer
Install expo vector icons
CSS
1 vote147 views1 answer
React hide scrollbar
CSS
0 vote183 views2 answers
How to force fully show the keyboard in android
CSS
3 votes152 views3 answers
Responsive text css
CSS