/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 vote141 views1 answer
Css background templates
CSS
3 votes144 views2 answers
Crop image with circle css
CSS
55 votes144 views4 answers
Hover effects css
CSS
0 vote240 views1 answer
Width cross browser
CSS
2 votes142 views2 answers
Css width percentage
CSS
1 vote148 views1 answer
Bootstrap word-wrap: break-word;
CSS
0 vote142 views1 answer
Remove position absolute attribute by adding css
CSS
0 vote138 views1 answer
Css ios media query
CSS
0 vote154 views1 answer
Code to change size when hover effect
CSS
0 vote143 views1 answer
How to make any word italic in html and css
CSS