AngularJS- ng-srcDirektive
Beispiel
Fügen Sie ein Bild hinzu, bei dem der src von AngularJS ausgewertet wird:
<div ng-init="myVar = 'pic_angular.jpg'">
<h1>Angular</h1>
<img ng-src="{{myVar}}">
</div>
Definition und Verwendung
Die ng-srcDirektive überschreibt das ursprüngliche src-Attribut eines <img>-Elements.
Die ng-srcDirektive sollte anstelle von verwendet werden, src
wenn Sie AngularJS-Code innerhalb des src-Werts haben.
Die ng-srcDirektive stellt sicher, dass das Bild nicht falsch angezeigt wird, bevor AngularJS den Code ausgewertet hat.
Syntax
<img ng-src="string"></img>
Unterstützt durch das <img>-Element.
Parameterwerte
| Value | Description |
|---|---|
| string | A string value, or an expression resulting in a string. |