AngularJS ng-src Directieve

Definitie en gebruik

ng-src Directieve overschrijft <img> De oorspronkelijke src eigenschap gebruiken.

Als je AngularJS-code in de waarde van src bevat, moet je ng-src Directieve vervangt src.

ng-src De directieve zorgt ervoor dat de afbeelding niet ten onrechte wordt weergegeven voordat de code van AngularJS wordt geëvalueerd.

Voorbeeld

Voeg een afbeelding toe, waarbij src door AngularJS wordt berekend:

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

Probeer het zelf

Syntaxis

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

Gebonden aan <img> Ondersteunde elementen.

Parameters

Parameters Beschrijving
string Een tekenreeks, of een expressie die een tekenreeks resultaat oplevert.