Q:

How to define ng-src based on condition?

I have the following:
<img data-ng-src="{{image.Url}}" alt="" />

I need the value in data-ng-src to be different according to a condition.
If image.IsAdvert is true then:
data-ng-src="{{image.Url}}"

if the image.IsAdvert is false then
data-ng-src="file/{{image.Url}}"

How can I do this?

A:

Use conditional operator:-
<img ng-src="{{image.isAdvert?image.Url:('file/' + image.Url)}}"/>

A:

You could return it from a function on the scope:
data-ng-src="{{getUrl(image)}}"

and
$scope.getUrl = function(image){
  return image.isAdvert ? image.Url : "file/" + image.Url;
}

