/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

26 votes331 views10 answers
Bootstrap
CSS
10 votes308 views6 answers
Css hover change another element
CSS
0 vote337 views1 answer
How to write h2so4 using html css
CSS
1 vote323 views1 answer
Css placeholder text truncate
CSS
13 votes404 views5 answers
Transition shorthand
CSS
0 vote337 views1 answer
Apply image as full screen responsive background
CSS
3 votes310 views3 answers
Uigradients
CSS
6 votes335 views2 answers
Css browser prefixes
CSS
0 vote330 views1 answer
Css dark blue
CSS
0 vote362 views1 answer
Underline css still there after text-decoration: none
CSS