angularjs - 在 ng-repeat 循环中将 json blob 元素绑定到 img src 的其他方法？

Question

我有一个在表格中显示的 json 数组，如下所示：

<table><tr ng-repeat="field in databank.Fields">
  <td>{{field.name}}<br />{{field.description}}</td>
  <td><img src={{field.photo}} height=100/></td>
</tr></table>

数据库看起来像：

{"Fields":[{"description":"Field1 Description Text","index":1,"name":"Field One",
            "photo":"data:image/png;base64,iVBOR..."},
           {"description":"Field2 Description Text","index":1,"name":"Field Two",
            "photo":"data:image/png;base64,iVEa4..."}]}

这工作得相当好，但我得到了错误：

GET https://localhost/%7B%7Bfield.photo%7D%7D 404（未找到）

从 {{field.photo}} 被替换之前被解释。

是否有另一种形式的绑定我可以用来设置 img src 属性，在 ng-repeat 进行替换之前不会尝试从名为 {{field.photo}} 的文件中检索图像？

谢谢，

Answer 1

在这里找到了一个线索：AngularJS img ng-src binding doesn't work

这工作没有错误：

<table><tr ng-repeat="field in databank.Fields">
  <td>{{field.name}}<br />{{field.description}}</td>
  <td><img ng-src={{field.photo}} height=100/></td>
</tr></table>