AngularJS: la direttiva ng-src

AngularJS dispone di una direttiva specifica per evitare problemi durante il caricamento delle immagini dinamiche.

La direttiva ng-src non fa altro che elaborare il valore dinamico passato all'attributo src:

<div ng-controller="TestCtrl">
	<img ng-src="{{imgSrc}}" alt="" />
</div>

Il codice JavaScript:

var app = angular.module('MyApp', []);

app.controller('TestCtrl', ['$scope', '$timeout', function($scope, $timeout) {
	$timeout(function() {
       $scope.imgSrc = 'http://site.test/image.jpg';
    }, 2000);
}]);