/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

3 votes245 views1 answer
Bootstrap 3 offset
CSS
0 vote204 views1 answer
Not let user select in css
CSS
38 votes180 views5 answers
Css roboto font
CSS
0 vote164 views1 answer
How to make an element vertically centered in a dv
CSS
0 vote172 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
4 votes172 views2 answers
Bootstrap Image thumbnails
CSS
1 vote178 views1 answer
Css html unterstreichen
CSS
0 vote233 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
0 vote122 views1 answer
Named colors css
CSS
0 vote172 views1 answer
Download styles.css
CSS