Angular，在ng-repeat中将字符串放入url中（对于img链接）

Question

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

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

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

感谢阅读！

Answer 1

类似的东西：

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

ngSrc的docs明确建议不要像你一样创建一个src字符串。

另外在原版中你错过了大括号{{item.name}}，这就是为什么它根本不起作用的原因。应该是：

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

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

加载