/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 vote199 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote144 views1 answer
Custom select dropdown css only codepen
CSS
0 vote158 views1 answer
How to set initial state after first time in formik
CSS
9 votes231 views3 answers
Bootstrap blue outline button
CSS Bootstrap
1 vote179 views2 answers
Css disabled hover none
CSS
0 vote173 views1 answer
Fix scroll css position sticky
CSS
0 vote143 views1 answer
Titillium font
CSS
0 vote267 views1 answer
Auto enable background graphics print settings
CSS
2 votes149 views1 answer
Flex align top css
CSS
23 votes153 views4 answers
Css gradient border
CSS