Понимание AngularJS нг-SRC

Как объяснилВотдиректива angularjs ng-src используется, чтобы запретить браузеру загружать ресурс (например, изображение), прежде чем обработать руль. Я'м в настоящее время, используя следующий код:

  <img ng-src="http://localhost:8081/media/{{ path }}">

Со следующим JS:

function MyCtrl($scope, $timeout) {
    $timeout(function () {
        $scope.path = 'images/23694c70-04d7-11e3-9ba8-73fb00de24c4.png';
    }, 1000);
};

Путь извлекается из веб-службы. Из-за этой задержки браузер пытается загрузитьhttp://localhost:8081/media/, что вызывает 404. Как только путь найден, браузер выдает правильный запрос и загружает изображение.

Каков предпочтительный метод предотвращения загрузки любых ресурсов, пока все данные не будут готовы?

Посмотри пожалуйстаjsfiddle для примера, иллюстрирующего мою ситуацию.

Спасибо,

Мартейн