Directiva ng-src de AngularJS

Definición y uso

ng-src cubrirá <img> La directiva original del elemento src propiedad.

Si contiene código AngularJS en el valor de src, debe usar ng-src La directiva reemplaza src.

ng-src La directiva asegura que la imagen no se muestre incorrectamente antes de que el código de AngularJS se evalúe.

Ejemplo

Añadir una imagen, donde src se calcula con AngularJS:

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

Prueba por tu cuenta

Sintaxis

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

Afectado por <img> Elementos soportados.

Parámetros