/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

7 votes268 views1 answer
Show hand icon on hover javascript
CSS
1 vote296 views2 answers
Place items
CSS
0 vote319 views1 answer
Input type password css
CSS
1 vote302 views1 answer
Scss maps´
CSS
1 vote280 views1 answer
Display none but keep space
CSS
0 vote273 views1 answer
Style image so it crops
CSS
8 votes312 views4 answers
Css dark mode
CSS
0 vote262 views2 answers
Create fish alias
CSS
1 vote276 views1 answer
Kommentar css
CSS
4 votes318 views5 answers
Bootstrap img src
CSS Bootstrap