Understanding AngularJS ng-src

Question

As explained here, the angularjs directive ng-src is used to prevent the browser from loading the resource (e.g. image) before the handlebars get parsed. I\'m currently usin

Answer 1

Put the whole path inside the $scope variable. That way ng-src will wait until you provide it with the fully resolved path to the image:

function MyCtrl($scope, $timeout) {
    var path = 'https://si0.twimg.com/profile_images/';
    $timeout(function () {
        $scope.path = path + '2149314222/square.png';
    }, 1000);
};

FIDDLE