Direttiva ng-src AngularJS

Definizione e uso

ng-src La direttiva sovrascrive <img> L'originale dell'elemento src proprietà.

Se includi codice AngularJS nel valore di src, dovresti utilizzare ng-src La direttiva sostituisce src.

ng-src La direttiva assicura che l'immagine non venga visualizzata in modo errato prima dell'evaluazione del codice AngularJS.

Esempio

Aggiungi un'immagine, in cui src viene calcolato da AngularJS:

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

Prova personalmente

Sintassi

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

Sotto <img> Supporto degli elementi.

Parametro