AngularJS 中的 src 和 ng-src 有什么区别？ [复制]

【问题标题】：What is the difference between src and ng-src in AngularJS? [duplicate]AngularJS 中的 src 和 ng-src 有什么区别？ [复制]
【发布时间】：2016-12-14 08:55:52
【问题描述】：

最近我遇到了这个：

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

有什么区别：

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

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

【问题讨论】：

标签： javascript angularjs

【解决方案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

【讨论】：