如何根据条件定义 ng-src？答案

【问题标题】：How to define ng-src based on condition?如何根据条件定义 ng-src？
【发布时间】：2015-02-02 00:23:10
【问题描述】：

我有以下：

<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}}"

我该怎么做？

【问题讨论】：

标签： angularjs

【解决方案1】：

使用条件运算符：-

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

【讨论】：

【解决方案2】：

你可以从作用域上的函数中返回它：

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

和

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

【讨论】：