I am struggling to add a background to a div in an Ionic slider using ng-repeat and it's not working.
Here is the code I have tried:
Template
<ion-slide-box auto-play="true" does-continue="true" slide-interval="2000">
<ion-slide ng-repeat="img in banners">
<div class="box" ng-style="{'background': 'url('+img+') no-repeat top left'}"></div>
</ion-slide>
</ion-slide-box>
Controller
$scope.banners = [
"http://www.hdwallpapery.com/static/images/image5_170127819_PxgeF3V.jpg",
"http://www.hdwallpapery.com/static/images/images_1_JbTP6rz.jpg"
];
I would appreciate any help in resolving this issue. Thank you!