javascript - Angular 在 ng-repeat 内的图像标签中使用 ng-src

Question

我已经在 ng-repeats 中多次成功地在 img 标签上使用了 ng-src，但由于某种原因我无法让这个工作。

我有一个返回一些数据的 API 调用，对于返回中的每个项目，我基本上执行以下操作:

<div ng-repeat="item in APIreturn">
    <img ng-src="{{item.url}}" />
</div>

我还尝试过 src="{{item.url}}"、ng-src="item.url" 等等。我已经验证正在使用的 url 是有效的，并且在 ng-repeat 之外的 src="{{item.url}}" 中工作正常。

有什么想法为什么它会在 ng-repeat 中有所不同吗？

当前 HTML

<table ng-repeat="user in userInformation">
    <tr>
        <td>UserName:</td>
        <td>{{user.UserName}}</td>
    </tr>
    <tr>
        <td>Address:</td>
        <td>{{user.Address}}</td>
    </tr>
    <tr>
        <td>Gender:</td>
        <td>{{user.Gender}}</td>
    </tr>
    <tr>
        <td>Image:</td>
        <td><img ng-src"user.image" /></td>
    </tr>
</table>

Answer 1

你说如果你只输入 <td>{{ user.image }}</td> 你就看不到网址。这表明您访问对象上不存在的属性。试试json filter :

<td>{{ user | json }}</td>

查看您的对象的更多信息。正如我所看到的，您使用大写字母，但是 user.image是小写的。

编辑:这是一个工作 plunkr .

EDIT2:您缺少指定符号。