Currently, I am working on developing a basic ionic app that interacts with an API that I have created. I am encountering an issue where all data is being displayed correctly in the view except for the src attribute of an image. When I use console.log to check the data in my controller, the src is present but it appears as a 0 in the view, like this:
<img ng-src="0" src="0">
In my controller, I am passing the data like this:
.controller('VenuesController', ['$state','$scope','$http','Venue', function($state,$scope,$http,Venue){
$scope.venues = Venue.query();
$scope.showVenue = function(id){
$state.go('venues/:id',{id:id});
};
}])
And in the view template itself:
<ion-view view-title="Venues">
<div class="list">
<a ng-repeat="venue in venues" ng-click="showVenue({{venue.id}})" class="item item-thumbnail-left">
<img ng-src="{{ venue.image-small }}">
<h2>{{ venue.name }}</h2>
<p>{{ venue.description }}</p>
</a>
</div>
</ion-view>
The image path is a full external link such as
http://lorempixel.com/100/100/?51467