Question

使用img标签添加svg图像：

<img src="/photo1.svg" width="15" height="15">

我希望根据值设置src。在这种情况下，请执行ng-repeat：

<div ng-repeat="item in parent.items"
    <img src="/files/photo1.svg" width="15" height="15"> 
</div>

知道item具有另一个属性item.photo，其属性值为链接：/files/photo1.svg，/files/photo2.svg或/files/photo3.svg。

我的问题是，是否可以在ng-repeat内部使src根据item.photo更改其值。

似乎给src变量是行不通的：

<img src=item.photo width="15" height="15">

我也尝试过三元，但是没有用：

<div ng-repeat="item in parent.items"
    <img src="item.photo === '/files/photo1.svg' ? '/files/photo1.svg' : 
              item.photo === '/files/photo2.svg' ? '/files/photo2.svg' :
              '/files/photo2.svg' " width="15" height="15"> 
</div>

Answer 1

您需要使用ng-src

<div ng-repeat="item in parent.items"
    <img ng-src="{{item.photo === '/files/photo1.svg' ? '/files/photo1.svg' : 
              item.photo === '/files/photo2.svg' ? '/files/photo2.svg' :
              '/files/photo2.svg'}}" width="15" height="15"> 
</div>

如果您要将item.photo的值直接分配给src，则可以这样简单地做：

<img ng-src="{{item.photo}}" />

通过变量使img src可变

1 个答案: