В чем разница между src и ng-src в AngularJS?

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