ng-srcDirectiva AngularJS


Ejemplo

Agregue una imagen, donde AngularJS evalúa el src:

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

Definición y uso

La ng-srcdirectiva anula el atributo src original de un elemento <img>.

La ng-srcdirectiva debe usarse en lugar de src si tiene código AngularJS dentro del valor src.

La ng-srcdirectiva se asegura de que la imagen no se muestre mal antes de que AngularJS haya evaluado el código.


Sintaxis

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

Compatible con el elemento <img>.


Valores paramétricos

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