Angular dynamic background images

by

Use instead

<div [ngStyle]="{background: 'url(/img/' + item.img + ')', width: '200px', height: '150px'"></div>

or

<div [style.background]="'url(/img/' + item.img + ')'"
    [style.width.px]="200" [style.height.px]="150p"></div>

See also In RC.1 some styles can’t be added using binding syntax

More Related Contents:

  1. In RC.1 some styles can’t be added using binding syntax
  2. Override body style for content in an iframe
  3. How to style child components from parent component’s CSS file?
  4. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  5. How and where to use ::ng-deep?
  6. Angular-cli from css to scss
  7. How to style icon color, size, and shadow of Font Awesome Icons
  8. angular 2 ngIf and CSS transition/animation
  9. How to overwrite angular 2 material styles?
  10. CSS Parent/Ancestor Selector [duplicate]
  11. Dynamic styleUrls in angular 2?
  12. The use of /deep/ and >>> in Angular 2
  13. Styling mat-select in Angular Material
  14. Using background-attachment:fixed in safari on the ipad
  15. Angular 2: How to style host element of the component?
  16. How to get the scroll bar with CSS overflow on iOS
  17. CSS file blocked: MIME type mismatch (X-Content-Type-Options: nosniff)
  18. iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
  19. Change style of pseudo elements in angular2
  20. Switching CSS classes based on screen size
  21. Changing border color in mat-form-field
  22. Grid Styling – Overwrite style of ag-grid
  23. Dynamically updating css in Angular 2
  24. (Really) Long Background Image Does Not Render on iPad Safari
  25. What is the difference between Normalize.css and Reset CSS?
  26. Difference between @import and link in CSS
  27. Position a CSS background image x pixels from the right?
  28. What is the difference between :focus and :active?
  29. Align form elements in CSS
  30. SASS calculate HSL Difference between 2 colours

Leave a Comment