如何根据条件定义ng-src?

时间:2015-02-01 16:16:17

标签: angularjs

我有以下内容:

<img data-ng-src="{{image.Url}}" alt="" />

我需要data-ng-src中的值根据条件而不同。

如果image.IsAdvert true ,则:

data-ng-src="{{image.Url}}"

如果image.IsAdvert false

data-ng-src="file/{{image.Url}}"

我该怎么做?

2 个答案:

答案 0 :(得分:10)

使用条件运算符: -

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

答案 1 :(得分:7)

您可以从范围内的函数返回它:

data-ng-src="{{getUrl(image)}}"

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