WARNING: sanitizing unsafe style value url

by

You have to wrap the entire url statement in the bypassSecurityTrustStyle:

<div class="header" *ngIf="image" [style.background-image]="image"></div>

And have 

this.image = this.sanitization.bypassSecurityTrustStyle(`url(${element.image})`);

Otherwise it is not seen as a valid style property

More Related Contents:

  1. *ngFor running an infinite loop in angular2
  2. Angular 2 @ViewChild annotation returns undefined
  3. Angular 2 custom form input
  4. How to get query params from url in Angular 2?
  5. How to inject Document in service?
  6. When I refresh my website I get a 404. This is with Angular2 and firebase
  7. Angular 2 Show and Hide an element
  8. Angular2: How to load data before rendering the component?
  9. Extending component decorator with base class decorator
  10. How can I listen for keypress event on the whole page?
  11. How to display json object using *ngFor
  12. How to avoid imports with very long relative paths in Angular 2?
  13. Select based on enum in Angular2
  14. Angular no provider for NameService
  15. Angular2 – Share data between components using services
  16. Accessing a property in a parent Component
  17. TypeScript error in Angular2 code: Cannot find name ‘module’
  18. angular2 bootstrap with data from ajax call(s)
  19. Visual Studio Code Automatic Imports
  20. How to use select/option/NgFor on an array of objects in Angular2 [duplicate]
  21. Get route query params
  22. RxJs get value from observable
  23. Angular 2 ngModel in child component updates parent component property
  24. Angular2 – root relative imports
  25. How to implement Custom Async Validator in Angular2/4/5
  26. Import gapi.auth2 in angular 2 typescript
  27. Angular 2 loader on each http request
  28. detect change of nested property for component input
  29. How to place a dynamic component in a container
  30. Access Meta-Annotation inside Class (TypeScript)

Leave a Comment