AngularJS中src和ng-src有什么区别？

Question

最近我遇到了这个：

 <img ng-src="data:image/png;base64,{{image}}">

有什么区别：

 <img src="data:image/png;base64,{{image}}">

我通过 http post 请求获取数据。

Answer 1

不同之处在于图像的加载点。

如果您添加ng-src，它将首先 加载/解析 图像数据，然后将其应用。

<img ng-src="data:image/png;base64,{{image}}">

如果您直接使用：

<img src="data:image/png;base64,{{image}}">

Angular将首先尝试查找图像，但由于数据尚未加载，因此会抛出以下错误：

GET data:image/png;base64,{{image}} net::ERR_INVALID_URL