ng-srcDirettiva AngularJS


Esempio

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

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

Definizione e utilizzo

La ng-srcdirettiva sovrascrive l'attributo src originale di un elemento <img>.

La ng-srcdirettiva dovrebbe essere utilizzata al posto di src se si dispone di codice AngularJS all'interno del valore src.

La ng-srcdirettiva assicura che l'immagine non venga visualizzata in modo errato prima che AngularJS abbia valutato il codice.


Sintassi

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

Supportato dall'elemento <img>.


Valori dei parametri

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