LOGv:20171214

imgタグのsrc属性にモデルのデータを使う

imgタグのsrc属性に

<img src="{{path}}">

と指定するとpathが設定される前にリクエストが発生しエラーが発生する。
src属性に指定する場合はng-srcsetディレクティブng-srcディレクティブを利用する

<img ng-src="{{path}}">

on IE, if “ng:src” directive declaration is used and “src” attribute doesn’t exist then calling element.setAttribute(‘src’, ‘foo’) doesn’t do anything, so we need to set the property as well to achieve the desired effect.
we use attr[attrName] value since $set can sanitize the url.
→ https://github.com/angular/angular.js/blob/master/src/ng/directive/attrs.js#L103

IEも対応するのであれば、ng-src一択でいいかと

open close