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}}"> 

角將首先嚐試找到圖像，但由於數據還沒有加載，它會引發以下錯誤：

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