AngularJSのsrcとng-srcの違いは何ですか？

Question

は最近、私はこの出くわし：

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

との違いは何です：私はのHTTP POSTを通じて要求をデータを取得

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

。

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