代码之家 › 专栏 › 技术社区 › Leo Messi

通过变量使img src可变

src href svg angularjs javascript

Leo Messi · 技术社区 · 6 年前

使用img标记添加svg图像:

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

我希望src是基于一个值来设置的。在这种情况下,有一个ng重复:

<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更改它的值。

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

1 回复 | 直到 6 年前

Jay Shukla 6 年前

你需要使用 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}}" />

推荐文章

Joshua Goh · 如何在google webapp中放置指向多个页面的链接

2 年前

Hamed Baziyad sagar pagare · 单击Selenium+Python无法滚动到视图中的链接的方式是什么?

6 年前

jeongho · 如何在Javascript中动态添加href参数

6 年前

Enes AKSU · Wordpress php href语法错误[已关闭]

6 年前

ION · 如何使用DOM单击或触发

7 年前

Helge Wadewitz · Slick slider-基于URL更新当前幻灯片

7 年前

Yannick Gijsbers · url在服务器上不起作用,但在本地主机上起作用

7 年前

thomascoolminecraftplayer555 · 错误:SQLSTATE[42S22]:未找到列:“where子句”中的1054未知列“rowid”

7 年前

Nate Anderson · 内容安全策略时mailto href inside frame不工作

7 年前

Tlink · 正则表达式从</a> 诸如此类

7 年前