AngularJSng-srcディレクティブ


srcがAngularJSによって評価される画像を追加します。

<div ng-init="myVar = 'pic_angular.jpg'">
    <h1>Angular</h1>
    <img ng-src="{{myVar}}">
</div>

定義と使用法

ng-srcディレクティブは、<img>要素の元のsrc属性をオーバーライドします

src値内にAngularJSコードがある場合は、ng-src代わりにディレクティブを使用する必要があります。src

ディレクティブは、ng-srcAngularJSがコードを評価する前に、画像が正しく表示されないことを確認します。


構文

<img ng-src="string"></img>

<img>要素でサポートされています。


パラメータ値

Value Description
string A string value, or an expression resulting in a string.