/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 vote269 views1 answer
Label for centered image
CSS
0 vote282 views1 answer
Square with 2 colors css
CSS
24 votes260 views3 answers
Css change multiple classes
CSS
0 vote218 views1 answer
Matsnackbar background color
CSS
0 vote361 views1 answer
Mvc how to css file linked
CSS
3 votes269 views6 answers
Uncaught TypeError: $ is not a function
CSS
2 votes347 views8 answers
Bootstrap 5
CSS Bootstrap
-1 vote321 views1 answer
Change font size on large screen resolution bootstrap
CSS
0 vote269 views1 answer
Reorder images in mobile web developer
CSS
1 vote291 views2 answers
Selector CSS Example
CSS