Safe value must use [property]=binding after bypass security with DomSanitizer

by

As the error message says, the sanitized HTML needs to be added using property binding:

<p [innerHTML]="massTimingsHtml"></p>

constructor(private domSanitizer:DomSanitizer) {
  this.massTimingsHtml = this.getInnerHTMLValue();
}
getInnerHTMLValue(){
  return this.domSanitizer.bypassSecurityTrustHtml(this.parishDetail.mass_timings);
}

StackBlitz example (based on Swapnil Patwa’s Plunker – see comments below)

More Related Contents:

  1. Sanitize/Rewrite HTML on the Client Side
  2. How does Content Security Policy (CSP) work?
  3. (change) vs (ngModelChange) in angular
  4. Detecting if a browser is using Private Browsing mode
  5. Wait for multiple promises to finish
  6. using external JS libraries in my angular 2 project
  7. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  8. How to add background-image using ngStyle (angular2)?
  9. Highlight the search text – angular 2
  10. How to prevent html/JavaScript code modification
  11. What does Angular 2 hashtags in template mean?
  12. How to add bootstrap in angular 6 project? [duplicate]
  13. Load JSON content from a local file with http.get() in Angular 2
  14. Scroll to element on click in Angular 4
  15. Angular2 calling custom function after ngSwitch new view is created
  16. Check if a file exists locally using JavaScript only
  17. Disable drop paste in HTML input fields? [duplicate]
  18. What makes an input vulnerable to XSS?
  19. Embedding youtube video “Refused to display document because display forbidden by X-Frame-Options”
  20. turn this jquery into an if/else statement [closed]
  21. Image ghost effect [closed]
  22. How to play audio?
  23. What’s the best way to inject one service into another in angular 2 (Beta)?
  24. HTML5 FileReader how to return result?
  25. How do image preloaders work?
  26. JavaScript window.location does not set referer in the request header
  27. How to embed a PDF in HTML page?
  28. Change tag using javascript [duplicate]
  29. Angular 2 runOutsideAngular still change the UI
  30. jQuery, image changing on hover [duplicate]

Leave a Comment