I am using the following to display an image inside a div - using inline styling as I need to position it exactly how I want it. <div ng-hide="FilteredData" class="thumbnail exercise-thumbnail" ng-click="getExerciseDetail({{exercise.id}});modal.show(1)" ng-repeat="exercise in allExercies | filter:s…

why don’t you just use <div class="thumbnailImage" style="background-image:url(http://www.websiteaddress.com/image/medium/{{exercise.FrontImageId}}.jpg)"> ?

Well that works 10 points to you… :slight_smile:

Ng-style background-image not being applied on initial load

ionic-v1

taylorsuk February 17, 2015, 3:40pm 2

I should add that this works perfectly on in the browser but not on a device.

Topic		Replies	Views
Background image in ngStyle does not display on iPhone devices ionic-v3	1	1276	July 21, 2018
Background url ionic-v3	0	414	November 14, 2017
Set background-image by variable ionic-v3	2	6765	February 10, 2018
Style="background-image: url(' {{ foo.url }} ' );" works on web not in ionic	2	911	June 7, 2015
Not shown Imegen ionic-v1	0	505	July 8, 2015

Ng-style background-image not being applied on initial load

Related topics