Breaking News: Grepper is joining You.com. Read the official announcement!

how to add css using nativeelement in angular

Blue-eyed Badger answered on March 30, 2021 Popularity 5/10 Helpfulness 5/10

answer how to add css using nativeelement in angular

how to add css using nativeelement in angular

Comment

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>');
  }

}

Popularity 5/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: add angular css using

Link to this answer
Share Copy Link