角度，将字符串放在 ng-repeat 中的 url 中(用于 img 链接）

Angular, put string in url in ng-repeat (for img link)

本文关键字：用于 img 链接 url 中的 字符串 ng-repeat 角度      更新时间：2023-09-26

我正在尝试在ng-repeat中动态调用图片。我的第一次尝试是将"img"的键/值添加到我正在拉取的 JSON 对象中，并尝试将其拖放到 url 内部。这似乎行不通。这就是我的意思：

     <div ng-repeat="item in marketItemsTest | filter:searchPrivate>    
                    <img src="assets/images/" + item.name + ".jpg" alt="img01"/>

我不是正确地逃脱了吗？或者也许不能这样做。我只是存储jpg的名称，我应该存储更多吗？

感谢您的阅读！

像这样：

<img ng-src="assets/images/{{item.name}}.jpg"/>

ngSrc 的文档明确建议不要像您现在这样创建src字符串。

另外，在原版中，您缺少牙套{{item.name}}这就是为什么它根本不起作用的原因。它应该是：

<img src="assets/images/{{item.name}}.jpg"/>

但是这样做会导致浏览器首先尝试从assets/images/{{item.name}}.jpg加载

相关文章：