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

angular css not applied to innerhtml

Sanjaya answered on December 30, 2020 Popularity 6/10 Helpfulness 1/10

answer angular css not applied to innerhtml

related angular innerhtml style not working

angular css not applied to innerhtml

Comment

/* :host /deep/ mySelector { */
:host ::ng-deep mySelector { 
  background-color: blue;
}
for CSS added to index.html
/* body /deep/ mySelector { */
body ::ng-deep mySelector {
  background-color: green;
}

Popularity 6/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: angular css innerhtml

Link to this answer
Share Copy Link

Contributed on May 25 2022

Sanjaya

0 Answers Avg Quality 2/10

Closely Related Answers

angular innerhtml style not working

Comment

import { DomSanitizer } from '@angular/platform-browser'
import { PipeTransform, Pipe } from "@angular/core";

@Pipe({ name: 'safeHtml'})
export class SafeHtmlPipe implements PipeTransform  {
  constructor(private sanitized: DomSanitizer) {}
  transform(value) {
    return this.sanitized.bypassSecurityTrustHtml(value);
  }
}

...

<div [innerHtml]="html | safeHtml"></div>

Popularity 9/10 Helpfulness 7/10 Language typescript

Source: stackoverflow.com

Tags: typescript innerhtml angular typescr

Link to this answer
Share Copy Link